jquery text 和html 的區別

2021-09-26 14:06:58 字數 1822 閱讀 1951

(1)返回被選元素文字內容

eg:

>

>

hi!strong

>

p>

$

('p').

text()

;/*返回p元素的文字內容,不包括內容裡的標籤,只返回:hi! */

(2)設定該元素的內容,將該元素的全部內容都替代掉。

eg:

>

>

hi!strong

>

//此時顯示的是hi!(粗體)

p>

$

('p').

text

('hello,world!');

//p標籤的內容將全部被替代,顯示為 hello,world!(包括strong標籤也被替代了,所以文字不再是粗體)

$

('p').

text

('hello,world!');

//p標籤的內容將全部被替代,顯示為 hello,world!(strong標籤無效)

(1)返回被選元素所有內容(包括標籤等)

eg:

>

>

hi!strong

>

p>

$

('p').

html()

;//返回p元素的全部內容,包括內容裡的標籤,返回:hi!

(2)設定該元素的內容,將該元素的全部內容都替代掉。

eg:

>

>

hi!strong

>

//此時顯示的是 hi!(粗體)

p>

$

('p').

html

('hello,world!');

//p標籤的內容將全部被替代,顯示為 hello,world!(包括strong標籤也被替代了,所以文字不再是粗體)

$

('p').

html

('hello,world!');

//p標籤的內容將全部被替代,顯示為hello,world!(粗體)(strong標籤有效)

(1)text()只能返回文字內容,而html()可以返回元素的全部內容

(2)text(str)設定元素內容時,只有文字內容有效,其餘內容無效;而html(str)設定元素內容時,所有內容有效(包括標籤)

(3)text()返回所有匹配元素的內容,疊加;而html()只返回第乙個匹配元素的內容

eg:

>

hi!p

>

>

hello!p

>

$

('p').

text()

;//返回內容為所有p元素的內容疊加:hi!hello!

$

('p').

html()

;//返回內容為第乙個p元素的內容:hi!

jQuery text 與val 方法區別

text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 paraparagraph p text 將得到 paraparagraph 單行文字不能用text 方法...

jQuery text 與val 方法區別

text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 paraparagraph p text 將得到 paraparagraph 單行文字不能用text 方法...

jQuery text 與val 方法區別

text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 paraparagraph p text 將得到 paraparagraph 單行文字text 不能用te...