jQuery 如何先建立、再修改、後再加入DOM元素_jquery

如何一氣呵成地，on the fly地操作DOM元素呢？

例如順序執行【建立】-> 【修改】-> 【新增】三個動作。

由於jQuery支援鍊式操作，其實就是設計模式的builder模式，所以我們可以把三個操作串在一起來執行。

先建立一個p元素，內容包含一個a元素。

複製程式碼 程式碼如下:

$('

jQuery a>

')

然後為a元素添加一個href屬性

複製代碼 程式碼如下:

$('

jQuery

').find('a').attr('href', 'http: //www.jquery.com')

最後把新加入的p元素加入body

複製程式碼

複製程式碼

程式碼如下:

$('

jQuery

').find('a').attr('href' , 'http://www.jquery.com').end().appendTo('body')

注意，這個地方需要執行end()操作，否則添加到body中的元素不是p元素變成了p元素中的a元素。 其實，end()操作不能等價與撤銷，它回傳的是previous selection，但是這個selection已經被end之前的操作修改過。

複製程式碼

代碼如下:

頁面代碼