jQuery 处理页面的事件详解
在之前dom操作中提到了javascript对事件处理的介绍。由于不同浏览器处理事件各不相相同,这给开发者带来了不必要的麻烦,jQuery的方便的解决了这个方面的麻烦。
1.绑定事件监听
(https://www.nhooo.com/article/60096.htm)对事件的监听做了详细的介绍,看到了iE和DOM标准浏览器对待事件监听的区别,并对多个监听事件执行顺序和方式也不相同。
在jQuery中,通过bind()对事件绑定,相当于IE浏览器的attachEvent()和标准DOM的addEventListener()。如下例子:
<scripttype="text/javascript"> $(function(){ $("img") .bind("click",function(){ $("#show").append("<div>点击事件1</div>"); }) .bind("click",function(){ $("#show").append("<div>点击事件2</div>"); }) .bind("click",function(){ $("#show").append("<div>点击事件3</div>"); }); }); </script>
<imgsrc="11.jpg"> <divid="show"></div>