JQuery⼏种常⽤事件
事件ready: 当 DOM(⽂档对象模型) 已经加载,并且页⾯(包括图像)已经完全呈现时,会发⽣ ready 事件。通俗的来讲就是当页⾯加载完时就会执⾏此函数事件。
例如:⼀个酒店前台项⽬需要查看当前房间状态,就需要将所有数据拿到页⾯在页⾯加载完毕时来判断房间状态,给每个房间不同的状态。
事件on:使⽤ on() ⽅法添加的事件处理程序适⽤于当前及未来的元素(⽐如由脚本创建的新元素)还可以在被选元素及⼦元素上添加⼀个或多个事件处理程序。通俗来讲就是当DOM已经加载完毕时,你在append()追加的节点附上了事件id,class等等,就需要on事件才可以定位到。
例如:
append()添加了td节点,就需要事件on来处理。
Change事件:当元素的值发⽣改变时,会发⽣ change 事件。⽐如在input()输⼊框⾥⾯inpu()中的值发⽣变化时就执⾏事件⾥的⽅法。就如登录时,当验证码输⼊正确时才可以登录。
例如:jquery在一个元素后追加标签
此时的登录按钮有相应的disabled属性当验证码输⼊正确时就将对应Class删除
事件click:触发页⾯内所有段落的点击事件,任何属性都可以触发click事件
Submit事件:可以在js中提交表单,$("form:first").submit();
例如:JavaServlet取页⾯传⼊的值,可以直接获取input上的name值,但是⽤ajax传⼊到Servlet的时候,获取每⼀个input的value值就会很⿇烦,就可以直接使⽤submit事件
值得注意的是,提交数据也需要在from标签上写上action地址
*Jquery核⼼each(function{})就相当于循环遍历。
例如需要循环取出表单⾥的数据,传⼊到后台处理
这种就需要循环取出数据存⼊到数据库,作者本⼈想到的⽅法就是将每⼀例的td数据取出来,然后循环遍历,在存⼊到数组中,将数组中的值赋给input,在⽤ajax传⼊到后台,后台将传⼊的数据分割,分割后循环存⼊到数据库中。
详情见代码:
后台取出数据:(Java)
如果有什么疑问建议访问⽂章头的连接进⾏学习,若有不懂之处欢迎讨论请联系邮箱:1766848439@qq
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论