您的位置:首页 - jQuery
jquery text(),html()方法的区别
首先,html属性中有两个方法,一个有参,一个无参
1. 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String

例子:
html页面代码:<div><p>Hello keleyi.com</p></div>
jquery代码:$("div").html();
结果:<p>Hello keleyi.com</p>
2.有参html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象
html页面代码:<div></div>
jquery代码:$("div").html("<p>Nice to meet you keleyi.com</p>");
结果:[ <div><p> Nice to meet you keleyi.com</p></div> ]

其次,text属性中有两个方法,一个有参,一个无参
1. 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String
例子:
html页面代码:<p><b>Hello</b>hovertree</p>
<p>Thank you!</p>
jquery代码:$("p").text();
结果:HellohovertreeThankyou!

2.有参text(val):设置所有匹配元素的文本内容, 与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).返回一个jquery对象
html页面代码:<p>Test Paragraph.</p>
jquery代码:$("p").text("hovertree.com<b>Some</b> new text.");
结果:[ <p>hovertree.com<b>Some</b> new text.</p> ]
本站导航
相关文章
柯乐义 Copyright© keleyi.com