jQuery-click事件
澹台华晖
实例：
<body>
<p><input type="text" name="form111" value="email..." id=""></p>
<p><input type="text" name="form222" value="email..." id=""></p>
<p><input type="button" value="test1"></p>
<p><input type="button" value="test2"></p>
</body>
<script type="text/javascript">
var inps = document.getElementsByTagName('input');
var inp0 = inps[0];
// inp0.onmouseover = function() {
// //原生时间绑定+原生事件触发
// this.value = '';
// this.focus();
// }
$('input[name=form222]').mouseover(function(){
$(this).val(''); //修改value，不传参则读值，传参则赋值
$(this).focus();
});
//结果：响
inps[2].onclick = function() {
alert("丁");
}
inps[2].onclick = function() {
alert("当");
}
inps[2].onclick = function() {
alert("响");
}
// 结果： 嗯嗯 啊啊 哦哦
$(inps[3]).click(function(){alert("嗯嗯")});
$(inps[3]).click(function(){alert("啊啊")});
$(inps[3]).click(function(){alert("哦哦")});
</script>
总结：$().onclick=function()()这种方式实际上只是给onclick属性赋值，当附多个值得时候，前面的值都将被覆盖，只有最后一个函数被调用。
而$().click(function(){})这种方式是为选中的元素绑定事件，程序会按时间绑定的顺序逐个执行。
类似资料：