一些應該熟記於心的jQuery函式和技巧(3)

對樹進行選擇和轉換

選擇

就想樹一樣，網站結構中葉存在子與父。在jQuery中，我們可以利用這一結構。假設我們擁有相同的html，但是現在我們想要選擇名為“main”的div中的p元素，但是不想對任何有關p元素的東西造成變化。

498)this.width=498;' onmousewheel = 'javascript:return big(this)' >

我們有三種可能的方案，如下：

利用children方法可以選擇樹中位於其他元素下的某個元素。如果我們傳遞給它一個選擇器，該方法將僅選擇我們需要的元素，如果不是這樣，父元素的所有子元素都將被選中。讓我們看看第一個和第二個選擇器直接的區別。

唯一的不同之處在於：第二個選擇器中我們什麼也沒有指定，所有每一個子元素都會被選中。此處的關鍵在於：在上圖中wrapper這個div元素下除main之外並沒有其他子元素，所以我們得到的結果是一樣的。

新增元素

現在我們在樹中新增元素。這個元素可以是段落、div元素、表格等等，假設我們想要新增一個列表，如下：

只是一些字串，所以我們可以在JavaScript程式碼中這樣寫：

現在我們要在html中某個地方新增字串。比如，在之前我們選擇的p元素之後。

498)this.width=498;' onmousewheel = 'javascript:return big(this)' >

最後我們可以輸入完整的程式碼，如下所示：

字面上我們將字串附加到HTML中的</p>，結果是這個列表顯示在p元素之後。

移除元素

移除元素並不難，當我們談到對樹進行轉換時，在這一過程一定會涉及元素的移除。下面我們來移除之前選擇的那個段落（注意我們可以再次使用選擇器）。

2.  

在這一程式碼中，位於選中元素之中的所有元素都將被移除，所以必須十分小心。如果div下有一個列表，當我們移除該div時，div和列表都會被移除。

表面之下

jQuery類似只露出一角的冰山，在水面之下還有更多內容。這一小結中，我們將向你展示某些表面之下的內容。

繫結（Bind）

繫結是一種方法，利用它，我們可以將一個事件（滑鼠點選、懸置等等）與一個方法連線起來。這有點類似：當使用者單擊此處時，呼叫該方法。聽起來很熟悉，對嗎？沒錯，我們經常這樣做。看看以下示例：

上文中click()方法在以下程式碼相對於wrapper：

此外，使用unbind()方法可以解除事件與元素的連線。

具體請點選：http://www.verydemo.com/demo_c110_i37417.html