jquery添加子節(jié)點(diǎn) jquery怎么添加元素?
jquery怎么添加元素?使用jQuery創(chuàng)建新元素的方法是$(HTML標(biāo)記),例如,$(“<P></P>”)創(chuàng)建段落。注意,只創(chuàng)建了對(duì)象,沒有添加到文檔節(jié)點(diǎn);以下四種jQuery方法
jquery怎么添加元素?
使用jQuery創(chuàng)建新元素的方法是$(HTML標(biāo)記),例如,$(“<P></P>”)創(chuàng)建段落。注意,只創(chuàng)建了對(duì)象,沒有添加到文檔節(jié)點(diǎn);以下四種jQuery方法可以向文檔樹中添加新內(nèi)容:
append()-在所選元素的末尾插入內(nèi)容
prepend()-在所選元素的開頭插入內(nèi)容
after()-在所選元素的后面插入內(nèi)容
before()-在所選元素的前面插入內(nèi)容下面的示例顯示:單擊“添加”按鈕創(chuàng)建一個(gè)新的輸入文本框
1。HTML結(jié)構(gòu)
<input type=“text”id=“testuinput”><input type=“button”value=“add”/>
2。JavaScript代碼
$(function(){T/T$(“input[type=”button“]”)。單擊(function(){T/tnew)uj=$(“<input type=”text“>”)TT$(this).before(newuj][T})
3。顯示效果
初始樣式
兩次單擊“添加”按鈕后的效果
jQuery可以添加相同的類
<!DOCTYPE HTML>
<html>
<head>
<script通過addclass()方法src=“js/jquery.min.js文件“>
</script>
<script>
$(文檔)。就緒(function(){
$(”button“)。單擊(function(){
$(”h1,h2,p“)。addClass(”blue“)
(”div“)。addClass(”important“)
})
</script>
<style type=”text/css“>
。重要
{
font-重量:粗體
字體-尺寸:XXL
}
藍(lán)色
{顏色:藍(lán)色
}
</style>
</head>
<body>
<h1>標(biāo)題1</h1>
<h2>
<p>這是一段。</p>
<p>這是另一段。</p>
<div>這是一些重要的文本!</div>
<br>
<button>將類添加到元素</button>
</body>
</html>