麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery中html、val與text三者屬性取值的聯系與區別介紹

2019-11-20 21:21:16
字體:
來源:轉載
供稿:網友

首先,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!

-----------------------------------------------------------------

總結:

1.如果一個對下拉框的<select>標簽中的option進行賦值,<option name="",value=""></option>雖然option有value屬性,但是在頁面上option的這個value屬性并不是負責進行在頁面上進行顯示的,而真正能在頁面上進行顯示出來的是option標簽之間的文本域。所以給option標簽賦值要用html()的方法

2.如果對<input id="pro" name="province" value="安徽省">標簽進行賦值,因為input標簽中的value屬性就是負責在頁面上進行顯示的,所以要是對Input標簽的文本賦值并且在瀏覽器解析的時候將文本值在瀏覽器上顯示出來,那么就要用val(),屬性。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 免费国产成人高清在线看软件 | 欧美成视频在线观看 | 福利在线免费视频 | 国内精品久久久久久2021浪潮 | 欧美色爱综合 | 在线观看av国产一区二区 | 色诱亚洲精品久久久久久 | 国产精品久久77777 | 免费在线观看午夜视频 | 国产精品一区二区x88av | 久久99国产精品久久 | 久久综合久久美利坚合众国 | 免费毛片视频播放 | 国产精品剧情一区二区三区 | 欧美人的天堂一区二区三区 | 日韩一级精品 | 91午夜在线观看 | 成人免费福利网站 | 欧美一级免费在线观看 | 国产精品午夜小视频观看 | 女人解衣喂奶电影 | 国产88久久久国产精品免费二区 | 在线香蕉视频 | 国产精品久久久久无码av | 欧美视频一区二区三区 | 伊人999| 欧美性成人 | 欧美国产一区二区三区激情无套 | 精品人伦一区二区三区蜜桃网站 | 91精选视频在线观看 | 天天艹综合 | 久啪视频| 毛片在哪里看 | 欧美四级在线观看 | 久久国产精品系列 | 久久精品国产99国产精品亚洲 | 亚洲成人高清在线观看 | 国产精品啪一品二区三区粉嫩 | 免费a级毛片大学生免费观看 | 国产妞干网 | 亚洲精品久久久久久 |