JQuery几种常用事件

版权声明: https://blog.csdn.net/qq_41342776/article/details/83625706

推荐进入:http://jquery.cuishifeng.cn/index.html,查看jquery文档自学。

 

事件ready: 当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。通俗的来讲就是当页面加载完时就会执行此函数事件。

例如:一个酒店前台项目需要查看当前房间状态,就需要将所有数据拿到页面在页面加载完毕时来判断房间状态,给每个房间不同的状态。

事件on:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)还可以在被选元素及子元素上添加一个或多个事件处理程序。通俗来讲就是当DOM已经加载完毕时,你在append()追加的节点附上了事件id,class等等,就需要on事件才可以定位到。

例如:

append()添加了td节点,就需要事件on来处理。

Change事件:当元素的值发生改变时,会发生 change 事件。比如在input()输入框里面inpu()中的值发生变化时就执行事件里的方法。就如登录时,当验证码输入正确时才可以登录。

例如:

此时的登录按钮有相应的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)

如果有什么疑问建议访问文章头的连接进行学习,若有不懂之处欢迎讨论

请联系邮箱:[email protected]

 

 

 

猜你喜欢

转载自blog.csdn.net/qq_41342776/article/details/83625706