亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > 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(),屬性。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩av电影在线播放| 欧美在线观看网址综合| 国产精品丝袜白浆摸在线| 国产999精品视频| 欧美日韩精品在线视频| 中文字幕精品网| 国产欧美在线视频| 国产91色在线|免| 亚洲女性裸体视频| 欧美香蕉大胸在线视频观看| 欧美激情一级欧美精品| 最近2019中文免费高清视频观看www99| 亚洲成色999久久网站| 国产精品视频中文字幕91| 国产精品久久久久久影视| 91在线网站视频| 国产日韩欧美在线看| 亚洲精品综合精品自拍| 成人免费看吃奶视频网站| 精品亚洲夜色av98在线观看| 日韩av大片免费看| 成人av色在线观看| 国产91在线播放精品91| 国产精品久久久久久久av大片| 午夜精品免费视频| 亚洲欧美制服另类日韩| 中文字幕日韩在线播放| 精品国产户外野外| 国产成人精品在线视频| 欧美精品久久一区二区| 国产mv久久久| 久久综合色影院| 色综合91久久精品中文字幕| 亚洲天堂成人在线视频| 久久噜噜噜精品国产亚洲综合| 91天堂在线视频| 97视频在线播放| 亚洲国产成人精品久久| 日韩电影免费在线观看| 欧美黄色片免费观看| 亚洲永久在线观看| 福利微拍一区二区| 久久国内精品一国内精品| 日韩欧美在线视频免费观看| 国产精品福利观看| 日本中文字幕成人| 搡老女人一区二区三区视频tv| 欧美亚洲成人网| 久久久精品影院| 国产视频精品免费播放| 成人xxxxx| 欧美激情18p| 国产精品福利无圣光在线一区| 欧美激情视频一区二区| 欧美日韩美女视频| 日韩视频亚洲视频| 欧美成aaa人片在线观看蜜臀| 亚洲精品福利在线| 国产精品69久久| 免费97视频在线精品国自产拍| 亚洲a级在线观看| 日韩av电影中文字幕| 日韩欧美中文字幕在线观看| 国产精品日韩av| 欧美国产激情18| 亚洲国产精品yw在线观看| 精品国产自在精品国产浪潮| 亚洲免费影视第一页| 亚洲一二三在线| 日韩中文有码在线视频| 久久大大胆人体| 国产精品自产拍高潮在线观看| 日韩av大片在线| 久久影视免费观看| 久久久久九九九九| 色悠悠国产精品| 日韩成人激情在线| 欧美国产精品va在线观看| 国产精品久久91| 国产精品视频白浆免费视频| 国产精品黄色av| 亚洲97在线观看| 欧美交受高潮1| 欧美乱大交xxxxx| 国产一区二区成人| 成人精品福利视频| 亚洲欧美日韩国产中文| 欧美裸体xxxx| 国产亚洲美女久久| 国产成人涩涩涩视频在线观看| 国产视频精品久久久| 色婷婷综合成人av| 亚洲精品色婷婷福利天堂| 日本国产欧美一区二区三区| 青青在线视频一区二区三区| 久国内精品在线| 国产精品成人播放| 精品电影在线观看| 国产精品∨欧美精品v日韩精品| 久久精品色欧美aⅴ一区二区| 538国产精品一区二区在线| 亚洲少妇中文在线| 91高清免费视频| 欧美噜噜久久久xxx| 久久久亚洲成人| 色狠狠久久aa北条麻妃| 欧美日韩视频免费播放| 38少妇精品导航| 97涩涩爰在线观看亚洲| 日韩电视剧在线观看免费网站| 日本一区二区三区在线播放| 日韩免费视频在线观看| 久久这里只有精品视频首页| 欧美色videos| 久久精品中文字幕免费mv| 午夜精品久久久久久久99热| 日韩欧美在线字幕| 日韩视频免费看| 欧美亚洲国产日本| 国内久久久精品| 久久久久久com| 国产精品美女www| 亚洲在线观看视频网站| 国产精品香蕉在线观看| 亚洲精品国产精品久久清纯直播| 国产精品一区二区av影院萌芽| 欧美成年人在线观看| 久久国产精彩视频| 奇米4444一区二区三区| 欧美夫妻性生活视频| 国产在线视频91| 久久99热精品这里久久精品| 日韩精品在线第一页| 黑丝美女久久久| 成人福利在线视频| 最新国产精品亚洲| 久久精品国产免费观看| 亚洲精品大尺度| 欧美电影在线免费观看网站| 国产区亚洲区欧美区| 中文欧美日本在线资源| 成人观看高清在线观看免费| 日韩一区av在线| 日韩欧美成人免费视频| 欧美精品videossex性护士| 亚洲一区二区三区四区视频| 亚洲缚视频在线观看| 久久久精品久久| 欧美国产日韩精品| 狠狠躁18三区二区一区| 有码中文亚洲精品| 热久久99这里有精品| 国产在线日韩在线| 性色av一区二区三区红粉影视| 精品久久久久久久久久ntr影视| 日韩欧美在线视频观看| 亚洲www永久成人夜色| 久久亚洲精品毛片| 91网站免费观看| 欧美激情一二三| 这里只有精品视频| 亚洲欧美日韩综合| 亚洲国产日韩欧美在线动漫| 人人爽久久涩噜噜噜网站|