.html(),.text()和.val()的差异总结

.html(),.text()和.val()的差异总结:

  1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。
  2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。
  3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
时间: 2024-10-03 14:03:14

.html(),.text()和.val()的差异总结的相关文章

.html(),.text()和.val()的差异

.html(),.text()和.val()的差异总结:  .html(),.text(),.val()三种方法都是用来读取选定元素的内容:只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值.其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上:另外.html()方法使用在多个元素上时,只读取第一个元素:.val()方法和

(0410).html(),.text()和.val()的差异总结

.html(),.text(),.val()三种方法都是用来读取选定元素的内容:只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值.其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上:另外.html()方法使用在多个元素上时,只读取第一个元素:.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个

jQuery中的text(),html(),val()用法

jQuery中的text(),html(),val()用法 text():获取或者改变指定元素的文本 html():获取或改变指定元素的html元素以及文本 val():获取或者改变指定元素的value值(一般是表单元素) 以上3个都是jquery类库中的语法 作用都是获得当前对象的value值(一般是表单元素) 只是,this.value是js的原生语法,$(this).val()是jquery的语法 使用this.value无需引入任何库文件,而$(this).val()则需要引入jquer

jquery 获取text()和val()的区别

自己做的一个实例: 代码如下:  <div id="bd">         <asp:DropDownList ID="ddlContent" runat="server" ClientIDMode="Static">             <asp:ListItem Selected="True">徐州</asp:ListItem>           

JavaScript学习笔记——jquery中html()、text()、val()的区别

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值. 这三个方法功能上的对比 .html(),.text(),.val()三种方法都是用来读取选定元素的内容:只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值.其中.和.text()方法不能使用在表单元素上,而.val()

『jQuery』.html(),.text()和.val()的概述及使用--2015-08-11

如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法 本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法.jQuery中 为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作,比如说,你可以给已存在的元素的内部,周围,前面或者后面增加新元素:或者用

Jquery中html()、text()、val()的使用和区别

jquery中获取对象内容的方法主要有3种,分别是html().text().val(). obj.html():获取对象包裹的所有html内容,相当于innerHTML. obj.text():获取对象中所有的文本内容,不包含html标签.一般用于div.p.span等没有value属性的元素,相当于innerText. obj.val():获取对象的value的值.获取的是选择对象的第一个元素的value值.当然该属性并不局限于只有value的元素,对于表单元素都适合. 例如: $("#so

jquery属性操作之html,text,val方法

$().attr() 结果是value或undefined $().prop() 结果是true或false 固有属性用prop,自定义用attr $().addclass() $().removeclass() $().html() $().text()  加参数就是覆盖 有标签用html,文本都可用html,text $().val()  val是固有属性,form表单有val <!DOCTYPE html> <html lang="en"> <hea

jq 中.html(),.text()和.val()的总结

html与.text的方法操作是一样,只是在具体针对处理对象不同 html处理的是元素内容,.text处理的是文本内容 html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器 html(),.text(),.val()三种方法都是用来读取选定元素的内容:只不