jQuery与js绑定事件的几种写法(以单击事件示例)
2017-08-01 15:52
344 查看
jQuery与javascript使用方法在很多方面,都有所不同,下面主要以demo的形式,说明绑定点击事件时,两者的不同写法,以便区分使用:
//html部分
注意:js与jQ方面的细微差别,还有:何处写onclick,何处是click,是不能混用的。
//html部分
<button id="all_move">按钮>></button>
//绑定‘单击事件’的jQuery 写法一: $('#all_move').click(function(){ alert('AA'); }) //绑定‘单击事件’的jQuery 写法二: $('#all_move').bind('click',function(){ alert('BB'); }) //绑定‘单击事件’的javascript 写法一: 【注意:onclick后面接 = 】 document.getElementById('all_move').onclick=function(){ alert('CC'); } //函数式 function danji(){ alert('DD'); } 也可以在标签内指定其函数,实现绑定事件,如: <button id="all_move" onclick="danji()">按钮>></button>
注意:js与jQ方面的细微差别,还有:何处写onclick,何处是click,是不能混用的。
相关文章推荐
- 简单介绍JS/JQuery绑定事件的几种方式
- js和jQuery对应的单击事件的写法
- jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
- (转载)js(jquery)的on绑定点击事件执行两次的解决办法
- js和jquery实现监听键盘事件示例代码
- js事件委托和jQuery事件绑定on , off , one , bind , unbind , die
- 【JS点击事件的几种写法】
- jQuery中绑定事件的几种方法
- 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- jquery textSearch实现页面搜索 注意!!!!调用这个插件后,js事件绑定如,on、bind、live delegate全部失效,折腾了我一整天!!!
- js以类似jquery的模式绑定事件
- jQuery新的事件绑定机制on()示例应用
- jquery 为a标签绑定click事件示例代码
- jQuery绑定事件的几种实现方式
- jquery移除、绑定、触发元素事件使用示例详解
- jquery同一标签绑定多个事件的几种方式
- Jquery为单选框checkbox绑定单击事件
- GIS-ArcGIS JS API FeatureLayer图层绑定事件的几种方式
- jQuery新的事件绑定机制on()示例应用
- js阻止冒泡及jquery阻止事件冒泡示例介绍