jquery中html,text與val三者的區別

2021-06-16 07:46:27 字數 1430 閱讀 5730

在jquery中val,text,html都能取到值,或加乙個引數來賦值,那麼它們有些什麼區別?下面我們來舉例說明:

首先,html屬性中有兩個方法,乙個有參,乙個無參

1. 無參html():取得第乙個匹配元素的html內容。這個函式不能用於xml文件。但可以用於xhtml文件,返回的是乙個string

例子:

html頁面**:hello

jquery**:$("div").html();

結果:hello

2.有參html(val):設定每乙個匹配元素的html內容。這個函式不能用於xml文件。但可以用於xhtml文件。返回乙個jquery物件

html頁面**:

jquery**:$("div").html("nice to meet you

");

結果:[ nice to meet you

]     

其次,text屬性中有兩個方法,乙個有參,乙個無參

1. 無參text():取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。返回的是乙個string

例子:

html頁面**:hellofine

thank you!

jquery**:$("p").text();

結果:hellofinethankyou!

2.有參text(val):設定所有匹配元素的文字內容, 與 html() 類似, 但將編碼 html (將 "<" 和 ">" 替換成相應的html實體).返回乙個jquery物件

html頁面**:test paragraph.

jquery**:$("p").text("somenew text.");

結果:[somenew text.

] 最後,val()屬性中也有兩個方法,乙個有參,乙個無參。

1.無參val():獲得第乙個匹配元素的當前值。在 jquery 1.2 中,可以返回任意元素的值了。包括select。如果多選,將返回乙個陣列,其包含所選的值。

返回的是乙個string、 array

例子:

html頁面** :

single

single2

multiple

multiple2

multiple3

結果:[single:singlemultiple:multiple, multiple3]

2.有參val(val):設定每乙個匹配元素的值。在 jquery 1.2, 這也可以為check,select,radio元件賦值,返回乙個jquery物件  

html頁面**:

jquery**:$("input").val("hello world!");

結果:hello world!

html , text 和 val 的差異

html text 和.val 的差異總結 html text val 三種方法都是用來讀取選定元素的內容 只不過.html 是用來讀取元素的html內容 包括html標籤 text 用來讀取元素的純文字內容,包括其後代元素,val 是用來讀取表單元素的 value 值。其中.html 和.text...

html text 預設值 HTML語言

html語言 html 超文字標籤語言 html hyper texture markup language 是超文字標記語言,在計算機中以 html或者.htm作為副檔名,可以被瀏覽器識別,就是經常見到的網頁.html的語法非常簡潔,比較鬆散,以相應的英語單詞關鍵字進行組合,html標籤不區分大小...

jQuery中ajaxPrefilter的應用

jquery的定義了乙個ajax過濾器ajaxprefilter,通過該過濾器可以過濾通過jquery相應的ajax函式傳送的ajax請求。在專案中,很多地方存在指定開始時間 結束時間來獲取該時間區間內某些值隨時間變化的過程線的需求,我們可以定義乙個通用的ajaxprefilter來過濾所有ajax...