1欺劳、獲取元素內(nèi)容
.html()和.text()都可以用來(lái)獲取和更新元素的內(nèi)容唧取。
.html()
例:$('ul').html();會(huì)返回如下內(nèi)容:
<li id="one"><em>fresh</em> figs</li>
<li id="two"><b>pine</b> nuts</li>
<li id="three">honey</li>
<li id="four">balsamic vinegar</li>
而$('li').html();返回
<em>fresh</em>figs
如果要獲取每個(gè)元素的值,可以使用.each()方法
$('li').each(function(){
var a=$(this).html();
console.log(a)
}).html();
.text()
$('li').text();返回:
fresh figs pine nuts·····
會(huì)返回所有<li>元素中的所有文字包括空格划提。
2枫弟、更新元素
.html()
.text()
.replaceWith()會(huì)把匹配結(jié)果中的每個(gè)元素的內(nèi)容替換為新內(nèi)容,同時(shí)會(huì)返回被替換的元素鹏往。
.remove()會(huì)移除匹配結(jié)果中的所有元素淡诗。
3、插入元素
涉及兩個(gè)步驟:
1)、將新元素創(chuàng)建為jQuery對(duì)象韩容;例
var $newItem=$('<li class="new">item</li>')```
上語(yǔ)句會(huì)創(chuàng)建變量$newItem款违,其中保存了一個(gè)jQuery對(duì)象,該對(duì)象包含一個(gè)帶有class屬性和一些文本的<li>元素群凶。
2)插爹、使用一個(gè)方法將內(nèi)容插入到頁(yè)面中。
方法:.before()將內(nèi)容插入到選中元素之前请梢;
.after()將內(nèi)容插入到選中元素之后赠尾;
.prepend()將內(nèi)容插入到選中元素的內(nèi)部,緊跟開(kāi)始標(biāo)簽之后毅弧;
.append()將內(nèi)容插入到選中元素的內(nèi)部气嫁,緊跟結(jié)束標(biāo)簽之前;
.appendTo()將選中元素插入到內(nèi)容內(nèi)部形真,緊跟結(jié)束標(biāo)簽之前杉编;
.prependTo()·········