.html()与.text()
:first-child
第二个元素
:last-child
:first-child
第二个元素
:last-child
显示通过html方法获取到的内容
显示通过text方法获取到的内容
//显示出html方法获取到的内容
//.html()是整个html文档结构
$('p:first').?( $(".first-div").html() )
//显示出text方法获取到的内容
//.text()是文本内容的合集
$('p:last').?( $(".first-div").text() )
//通过.text()方法替换文本内容
$(".left a:first").?('替换第一个a元素的内容')
//通过.html()方法替换html结构
$(".left div:first").?('整个div的子节点都被替换了')
//通过.text()的回调,获取原本的内容,修改,在重新赋值
$(".left a:first").?(function(idnex,text){
return '增加新的文本内容' + text
})
.left {
width: auto;
height: 120px;
}
.left div {
width: 150px;
height: 70px;
padding: 5px;
margin: 5px;
float: left;
background: #bbffaa;
border: 1px solid #ccc;
}
a,p{
display: block;
}