1、获取元素内容
.html()和.text()都可以用来获取和更新元素的内容。
.html()
例:$('ul').html();会返回如下内容:
<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
如果要获取每个元素的值,可以使用.each()方法
$('li').each(function(){
var a=$(this).html();
console.log(a)
}).html();
.text()
$('li').text();返回:
fresh figs pine nuts·····
会返回所有<li>元素中的所有文字包括空格。
2、更新元素
.html()
.text()
.replaceWith()会把匹配结果中的每个元素的内容替换为新内容,同时会返回被替换的元素。
.remove()会移除匹配结果中的所有元素。
3、插入元素
涉及两个步骤:
1)、将新元素创建为jQuery对象;例
var $newItem=$('<li class="new">item</li>')```
上语句会创建变量$newItem,其中保存了一个jQuery对象,该对象包含一个带有class属性和一些文本的<li>元素。
2)、使用一个方法将内容插入到页面中。
方法:.before()将内容插入到选中元素之前;
.after()将内容插入到选中元素之后;
.prepend()将内容插入到选中元素的内部,紧跟开始标签之后;
.append()将内容插入到选中元素的内部,紧跟结束标签之前;
.appendTo()将选中元素插入到内容内部,紧跟结束标签之前;
.prependTo()·········