jQuery的DOM操作之取值/赋值（1）
生活随笔
收集整理的這篇文章主要介紹了
jQuery的DOM操作之取值/赋值（1）
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
.html()方法
作用：獲取集合中第一個(gè)匹配元素的HTML內(nèi)容或設(shè)置每一個(gè)匹配元素的html內(nèi)容
【例】取值
<body> <ul><li>1</li><li>2</li><li>3</li> </ul><script src="./jquery.js"></script><script>//.html()//取值console.log($('ul').html());console.log($('ul li').html());</script> </body>結(jié)果：console打印結(jié)果
【例】常數(shù)賦值
html代碼不變，js代碼如下
$('ul').html('9');結(jié)果：ul內(nèi)的內(nèi)容變?yōu)?
【例】循環(huán)常數(shù)賦值
js代碼
$('ul li').html('9');結(jié)果：循環(huán)賦值使所有l(wèi)i元素的內(nèi)容被賦值為9
【例】函數(shù)賦值
var arr = ['第一名：小竇','第二名：小景','第三名：小明'] $('ul li').html(function (index,ele) {return arr[index]; }).css({color: 'red'})結(jié)果，頁(yè)面內(nèi)容123改變?nèi)缦?/p>
【例】元素賦值
$('ul li').html("<p style='color:steelblue'>山水萬(wàn)程，皆要好運(yùn)</p>");結(jié)果：HTML中加入了p標(biāo)簽
?
【例】字符串的拼接
var arr = ['第一名：小竇','第二名：小景','第三名：小明'] $('ul li').html(function (index,ele) {return '<p style="color:steelblue">' + arr[index] + '</p>'; })?結(jié)果
.text()
作用：得到匹配元素集合中每個(gè)元素的文本內(nèi)容結(jié)合，包括他們的后代，或設(shè)置匹配元素集合中每個(gè)元素的文本內(nèi)容為指定的文本內(nèi)容。
【例】匹配后代的文本
console.log($('ul').text());結(jié)果：打印如下
【例】匹配自己的文本
console.log($('ul li').text());結(jié)果：打印123
【例】賦值
var arr = ['第一名：小竇','第二名：小景','第三名：小明']; $('ul li').text(function (index,ele) {return arr[index]; }).css({color: 'steelblue'})結(jié)果：li中的文本內(nèi)容改變
.size()
作用：相當(dāng)于length
【例】
console.log($('ul li').size());結(jié)果打印3
超強(qiáng)干貨來(lái)襲 云風(fēng)專訪：近40年碼齡，通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的jQuery的DOM操作之取值/赋值（1）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： jQuery的DOM操作之选择元素
- 下一篇： jQuery对类的操作.addClass