jq修改html style属性,jQuery的属性与样式之html()及.text()

.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;

}