浅析JQuery中的html(),text(),val()区别
来源:互联网 发布:截面数据的例子 编辑:程序博客网 时间:2024/05/18 13:25
1.HTML
html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
2.TEXT
text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
3.VAL
val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
上面的内容是在JQuery的帮助文档里拷贝的,也都不废话多说了。下面是自己做的一些练习,代码如下:
在做练习的时候我发现了html和text的另一个不同的地方
html()去元素的内容的时候,能将所选定的元素下面的格式也取到了。
如:<div id="divShow"><b><i>Write Less Do More</i></b></div>
如果我们用var strHTML = $("#divShow").html();取的话,
结果是:<b><i>Write Less Do More</i></b>
如果我们用var strHTML2 = $("#divShow b i").html();取的话
结果是Write Less Do More
而text没有第一种情况,
如果我们var strText = $("#divShow").text();取的话
结果是Write Less Do More
总结一下:
.html()用为读取和修改元素的HTML标签
.text()用来读取或修改元素的纯文本内容
.val()用来读取或修改表单元素的value值。
这三个方法功能上的对比
.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。
.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。
.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
- 浅析JQuery中的html(),text(),val()区别
- 浅析JQuery中的html(),text(),val()区别
- 浅析JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- jQuery中的text(),html(),val()的区别
- jQuery -html(),text(),val()区别
- jquery text val html区别
- jquery html() text() val() 区别
- jQuery中的text(),html(),val() 三者的区别区别
- jQuery中的html(),text(),val()有什么区别
- jQuery中的 html()、text() 、val()的区别
- editText 的addTextChangeListener的堆栈溢出问题
- javaFX 提示框
- 网络视频网站个个都想转型
- 组播,单播,广播,多播,泛洪的概念
- 新浪支付接口对接的总结
- 浅析JQuery中的html(),text(),val()区别
- 【C】error C2143: 语法错误 : 缺少“;”(在“类型”的前面)
- MYSQL \G 用法:查询结果按列打印
- ASM(Active Shape Model)主动形状模型通俗易懂讲解二:建模
- mysql磁盘空间碎片回收
- Laya ui 控件
- 疯狂的程序员 语录
- sqlserver,一个自定义函数(提取字符串中的数值,包含0-9和‘.’)
- Linux作为Oracle数据库服务器时的/etc/sysctl.conf的权限