欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 如何先創(chuàng)建、再修改、后添加DOM元素

 更新時間:2014年05月20日 09:44:11   作者:  
這篇文章主要介紹了jQuery 如何創(chuàng)建、修改、添加DOM元素,需要的朋友可以參考下
如何一氣呵成地,on the fly地操作DOM元素呢?

例如順序執(zhí)行【創(chuàng)建】-> 【修改】-> 【添加】三個動作。

由于jQuery支持鏈?zhǔn)讲僮鳎鋵嵕褪窃O(shè)計模式的builder模式,所以我們可以把三個操作串在一起來執(zhí)行。

首先創(chuàng)建一個p元素,內(nèi)容包含一個a元素。
復(fù)制代碼 代碼如下:

$('<p><a>jQuery</a></p>')

然后為a元素添加一個href屬性
復(fù)制代碼 代碼如下:

$('<p><a>jQuery</a></p>').find('a').attr('href', 'http://www.jquery.com')

最后把新添加的p元素添加到body中
復(fù)制代碼 代碼如下:

$('<p><a>jQuery</a></p>').find('a').attr('href', 'http://www.jquery.com').end().appendTo('body')

注意,這個地方需要執(zhí)行end()操作,否則添加到body中的元素不是p元素變成了p元素中的a元素。

其實,end()操作不能等價與撤銷,它返回的是previous selection,但是這個selection已經(jīng)被end之前的操作修改過。
復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
$('<p><a>jQuery</a></p>').find('a').attr('href', 'http://www.jqeury.com').appendTo('body');
</script>
</body>
</html>

頁面代碼

相關(guān)文章

最新評論