您的位置:首页 > Web前端 > JQuery

jQuery与js绑定事件的几种写法(以单击事件示例)

2017-08-01 15:52 344 查看
jQuery与javascript使用方法在很多方面,都有所不同,下面主要以demo的形式,说明绑定点击事件时,两者的不同写法,以便区分使用:

//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,是不能混用的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: