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

  1. html与.text的方法操作是一样，只是在具体针对处理对象不同
  2. html处理的是元素内容，.text处理的是文本内容
  3. html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用
  4. 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的
  5. 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器
  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-11-03 21:23:34

jq 中.html(),.text()和.val()的总结的相关文章

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(),html(),val()

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

JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？ jQuery中的text()、html()和val()

一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HTML.也就是从对象的起始位置到终止位置的全部内容,包括Html标签.②outerHTML:属性设置或返回该标签及标签内的HTML.也就是从对象的该标签起始到终止位置的全部内容,包括Html标签.如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去

JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？jQuery中的text()、html()和val() ？

作者赵晓盼课程任务一:零基础JavaScript编码(一)2809次浏览70赞2017-03-02 10:49 一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HTML.也就是从对象的起始位置到终止位置的全部内容,包括Html标签.②outerHTML:属性设置或返回该标签及标签内的HTML.也就是从对象的该标签起始到终止位置的全部内容,包括Html

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()的使用和区别

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

JQ中$.each的用法

jq中的each函数的用法 1.遍历对象 1.1 无参数 $.each(obj, function(key, value){ this // this指当前属性的值 key // obj当前属性的名称 value // 当前属性的值 }); 1.2 有参数 $.each(obj, function(){ this // 这里的this 指向的是每次遍历中的obj当前的值 p1 p2 // 访问附加参数 },['参数1', '参数2']); 2. 遍历数组 2.1 无参数 $.each(arr,

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

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

jq中的ajax合集总结

参考原文 jq中关于ajax的方法很多 重点关注打红点的几个 1.首先说说$,ajax(), 其实后面要讲到的$.get(),$.post()等等都是基于$.ajax()的,都可以改写成$.ajax()的形式, 示例: html: 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>$.ajax()方法</title> 5 <script src="../js