jquery的事件绑定
2015-07-10 10:44
489 查看
在实际的web的前端开发中,DOM元素需要绑定一些特殊的事件。
传统的普通的方法就是在DOM中加上onclick=function(),例如:
当点击时,就跳到一个确定的comfire()函数,其实不太建议在复杂的系统中,这样子使用。可以用绑定的事件来做。
html代码:
js代码:
在这里注意一点是;jquery1.8版本及以下是支持live(),是不支持on()的。jquery1.9版本以上支持on(),所以建议用高版本的。
另外还有.bind:绑定特定的元素
.delegate()基本的用法和.on()相同
可以参考:点击打开链接
传统的普通的方法就是在DOM中加上onclick=function(),例如:
<button type="button" name="sub" onclick="comfire();">提交</button>
当点击时,就跳到一个确定的comfire()函数,其实不太建议在复杂的系统中,这样子使用。可以用绑定的事件来做。
html代码:
<div><button id="btn">提交</button></div>
js代码:
$("#btn").live('click',function(){ });当点击的时候,就会执行这个绑定时间。
在这里注意一点是;jquery1.8版本及以下是支持live(),是不支持on()的。jquery1.9版本以上支持on(),所以建议用高版本的。
另外还有.bind:绑定特定的元素
.delegate()基本的用法和.on()相同
可以参考:点击打开链接
相关文章推荐
- jQuery.extend 函数详解
- Highcharts + jQuery + Servlet 实现从后台获取JSON实时刷新图表
- 基于jquery鼠标点击图片翻开切换效果
- jquery的$(#id).each()和jquery.each()的用法区别
- jQuery - 获取/设置内容和属性
- 定义jQuery插件
- JQuery 简单入门
- JQuery 选择器
- jquery禁用form表单中所有的表单项
- jQuery禁用鼠标右键
- 简述Jquery与DOM对象
- jQuery的三种$()
- JQuery详解-JQuery入门环境的配置
- 最新的jQuery插件和JavaScript库
- jquery常见知识点 总结
- 简述Jquery与DOM对象
- jQuery原生的动画效果
- JQuery:根据窗口大小自动剪裁标题长度
- Jquery ajax提交表单几种方法详解
- jQuery ajax多个checkbox选中值的传递