国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

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

2019-11-20 15:17:00
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
如何一氣呵成地,on the fly地操作DOM元素呢?

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

由于jQuery支持鏈?zhǔn)讲僮鳎鋵?shí)就是設(shè)計(jì)模式的builder模式,所以我們可以把三個(gè)操作串在一起來(lái)執(zhí)行。

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

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

然后為a元素添加一個(gè)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')

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

其實(shí),end()操作不能等價(jià)與撤銷,它返回的是previous selection,但是這個(gè)selection已經(jīng)被end之前的操作修改過(guò)。
復(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>

頁(yè)面代碼
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 上高县| 新源县| 西盟| 揭阳市| 高安市| 即墨市| 务川| 沁源县| 普兰店市| 九龙县| 郓城县| 五大连池市| 新余市| 宁海县| 彩票| 孝感市| 武乡县| 廉江市| 柏乡县| 波密县| 土默特左旗| 松桃| 犍为县| 呼和浩特市| 巫山县| 马公市| 锡林浩特市| 龙岩市| 渑池县| 佛山市| 古田县| 应用必备| 乌鲁木齐县| 靖边县| 云浮市| 图木舒克市| 客服| 鄯善县| 宣恩县| 中西区| 温宿县|