jquery小知識點

標籤：style   blog   http   io   ar   color   os   使用   sp   

1、children()和find()的差別：children方法獲得的僅僅是元素一下級的子項目，find方法獲得所有下級元素

 

2、防止冒泡：

　　1、event.stopPropagation();

　　2、e.target 是目標對象,e.event是目標所發生的事件。

　　　　if($(e.target).is("li.link")){}

 

3、mouseover()、mouseout()和mouseenter()、mouseleave()的差別，另外加上hover

　　jquery源碼中有這麼一段：

hover: function( fnOver, fnOut ) {　　　　return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );　　}

 

　　hover()就是mouseenter()和mouseleave()的結合。

　　而mouseover().mouseout()這個會出很多問題，因為這個或涉及到冒泡，遇到了一次，簡直把我弄瘋了。其重要原因是mouseover()和mouseenter()的區別，另外兩個一樣。

　　在w3school上面可以很清楚的知道差別。http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover

　　mouseover()對一個div綁定後，不是把div看做一個整體，當div裡面有其他元素時，它會將裡面的每一個標籤對看做一個個體，並會對這裡面的所有個體都綁定了這個事件；而mouseenter()是把div看做一個整塊，只對這個整塊兒綁定此事件。

　　所以以後要謹慎使用mouseover()了。

　　

jquery小知識點