<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input id="t1" type="text">
<input id="a1" type="button" value="添加">
<input id="a2" type="button" value="刪除">
<input id="a3" type="button" value="復(fù)制">
<ul id="ul">
<li>1</li>
<li>2</li>
</ul>
<script src="jquery-3.3.1.js"></script>
<script>
$('#a1').click(function () {
var v = $('#t1').val();
var temp = '<li>'+v+'</li>';
$("#ul").append(temp);
// $("#ul").prepend(temp);
// $("#ul").after(temp);
// $("#ul").before(temp);
})
$('#a2').click(function () {
var index = $('#t1').val();
$('#ul li').eq(index).remove();
//empty只是清空內(nèi)容，前面的點還在
// $('#ul li').eq(index).empty();
})
$('#a3').click(function () {
var index = $('#t1').val();
var v = $('#ul li').eq(index).clone();
$('#ul').append(v)
})
</script>
</body>
</html>
jQuery文檔處理示例
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人烙丛，你說我怎么就攤上這事舅巷。” “怎么了河咽？”我有些...
- 文/不壞的土叔 我叫張陵钠右，是天一觀的道長。 經(jīng)常有香客問我忘蟹，道長飒房，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任媚值，我火速辦了婚禮狠毯，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘褥芒。我一直安慰自己嚼松，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布锰扶。 她就那樣靜靜地躺著惜颇，像睡著了一般。 火紅的嫁衣襯著肌膚如雪少辣。 梳的紋絲不亂的頭發(fā)上凌摄，一...
- 文/蒼蘭香墨 我猛地睜開眼捐迫，長吁一口氣：“原來是場噩夢啊……” “哼乾翔！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起施戴，我...
- 正文 年R本政府宣布诅妹，位于F島的核電站，受9級特大地震影響毅人，放射性物質(zhì)發(fā)生泄漏吭狡。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一丈莺、第九天 我趴在偏房一處隱蔽的房頂上張望划煮。 院中可真熱鬧，春花似錦缔俄、人聲如沸弛秋。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽蟹略。三九已至，卻和暖如春遏佣，著一層夾襖步出監(jiān)牢的瞬間挖炬，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 創(chuàng)建一個jquery對象 內(nèi)部插入 append()$(父元素).append(新內(nèi)容); //把內(nèi)容追加到父元素...
- 添加節(jié)點 內(nèi)部插入 append(content|fn) appendTo(content)將元素添加到指定元素內(nèi)...
- 1.準備工作 創(chuàng)建目錄 首先建立相關(guān)目錄撩独，目錄結(jié)構(gòu)如下： 仔細看上面的目錄結(jié)構(gòu)會發(fā)現(xiàn)，dist下面沒有css目錄账月，...
- 2015年就買了潤總這本書捶障，上周終于拆封讀完僧须，也對前幾年潤總的心路歷程有了更多的了解。潤總在微軟工作了14年项炼，36...
- 我在天空飛担平，雖然飛得不算費力，但是不管飛得多高锭部，總是被電線和樹枝阻擋暂论。終于穿越了重重阻礙，發(fā)現(xiàn)前方是一個巨大的低矮...
