jquery text 和html 的區別

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

eg:

>

>
hi!strong
>
p>

$

('p').
text()
;/*返回p元素的文字內容，不包括內容裡的標籤，只返回:hi! */

eg:

>

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

$

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

$

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

eg:

>

>
hi!strong
>
p>

$

('p').
html()
;//返回p元素的全部內容，包括內容裡的標籤，返回:hi!

eg:

>

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

$

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

$

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

(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...