国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery獲取文本節點之 text()/val()/html() 方法區別

2019-11-20 23:55:18
字體:
來源:轉載
供稿:網友

在jquery中val,text,html都能取到值,或加一個參數來賦值,那么它們有些什么區別?下面我們來舉例說明:
首先,html屬性中有兩個方法,一個有參,一個無參
1. 無參html():取得第一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔,返回的是一個String
例子:
html頁面代碼:<div><p>Hello</p></div>
jquery代碼:$("div").html();
結果:Hello
2.有參html(val):設置每一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔。返回一個jquery對象
html頁面代碼:<div></div>
jquery代碼:$("div").html("<p>Nice to meet you</p>");
結果:[ <div><p> Nice to meet you</p></div> ]

其次,text屬性中有兩個方法,一個有參,一個無參
1. 無參text():取得所有匹配元素的內容。結果是由所有匹配元素包含的文本內容組合起來的文本。返回的是一個String
例子:
html頁面代碼:<p><b>Hello</b> fine</p>
<p>Thank you!</p>
jquery代碼:$("p").text();
結果:HellofineThankyou!

2.有參text(val):設置所有匹配元素的文本內容, 與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應的HTML實體).返回一個jquery對象
html頁面代碼:<p>Test Paragraph.</p>
jquery代碼:$("p").text("<b>Some</b> new text.");
結果:[ <p><b>Some</b> new text.</p> ]

最后,val()屬性中也有兩個方法,一個有參,一個無參。
1.無參val():獲得第一個匹配元素的當前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多選,將返回一個數組,其包含所選的值。
返回的是一個String、 array
例子:
html頁面代碼 :

復制代碼 代碼如下:

<p></p><br/>
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>

jquery代碼:$("p").append( "<b>Single:</b> " + $("#single").val() + " <b>Multiple:</b> " + $("#multiple").val().join(", "));
結果:[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]
2.有參val(val):設置每一個匹配元素的值。在 jQuery 1.2, 這也可以為check,select,radio元件賦值,返回一個jquery對象
html頁面代碼:
<input type="text"/>
jquery代碼:$("input").val("hello world!");
結果:hello world!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 林甸县| 原阳县| 翁牛特旗| 丰原市| 介休市| 连州市| 梅河口市| 合江县| 峨眉山市| 双鸭山市| 丘北县| 鲜城| 遵义市| 尼勒克县| 林口县| 鄄城县| 鄂伦春自治旗| 东丰县| 望谟县| 如东县| 望江县| 石河子市| 古丈县| 武隆县| 綦江县| 青冈县| 台前县| 井冈山市| 平定县| 南召县| 长寿区| 昭平县| 赤壁市| 伊春市| 日喀则市| 鸡西市| 丹阳市| 涞源县| 偏关县| 屯留县| 会东县|