5月 262016
 

一、查找所有div元素

  在jQuery中使用$(‘div’)来表示全部的div元素,同时使用.click事件设置点击事件,如下面的示例代码

二、为某个id元素内的所有div设置单击事件

  如果我们只想对某个元素内的div执行单击事件,则用如下方式$(“#divid div”),divid为接受事件的父div的id,代码如下:

三、为样式为某个class的所有div的子类设置单击事件

  同第二部分一样的道理,只是把”#”符号换为”.”符号,代码如下:

四、这种情况时如何阻止事件往父元素的传递

  默认情况下,html内元素的事件会自动往父元素传递,即冒泡传递,如果div1里嵌套了一个div2,那么单击div2时,div1也会接受到单击事件。给例子一中的5个div元素设置一个父div,您在测试的时候就会发现alert方法执行了两次,第二次输出父类的html。我们可以通过stopPropagation来阻止冒泡传递,如下代码所示:

  因为有些IE的版本不支持stopPropagation,所以cancelBubble 是为适应那些的IE版本

五、总结

  同样的,其他的元素也适用于这些操作方法,你可以为所有的p元素、span元素、td元素等设置点击事件。

Share Button
打赏
  发表在 2016-05-26

 发表评论

你可以使用下列HTML标签和属性:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

* Copy This Password *

* Type Or Paste Password Here *

8,656迄今阻止垃圾评论Spam Free Wordpress