jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别
来源:互联网 发布:linux 删除oracle 编辑:程序博客网 时间:2024/06/14 02:13
今天在使用JavaScript时,用到了value值,忽然想到了jQuery中的html()、val()和text(),就查看了一下参考资料,整理下他们之间的差异,方便以后查看。
1.val():用来读取或者设置修改匹配的value值。(如果是select的多选项,则返回相匹配的数组)
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
2.text():用来读取或者设置匹配元素的文本内容,(如果元素中包含元素,则只会读取该元素的文本内容,不会读取标签,这是和html()最大的区别)
- 1
- 2
- 1
- 2
3.html():用来读取或者设置第一个匹配元素的内容(即标签内包含的所有内容,能够读取到所包含的标签)
- 1
- 2
- 1
- 2
说到jQuery的读取设置标签内容,很容易牵扯到JavaScript的innerHTML、outHTML、innerText:
1.innerHTML:这个是w3c标准的属性,能够读取或者设置元素的内容,jQuery中的html()功能是根据原生js的innerHTML实现的,不过因为innerHTML自身的兼容性问题,所以html()(如果innerHTML存在问题,则通过append()添加字符串)和innerHTML还有一定的差异性
- 1
- 2
- 1
- 2
innerHTML在IE6-9中动态给table添加内容会直接报错,这是因为col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title, and tr objects中的innerHTML只能读取,可以通过append来修改内容
2.innerText:获取设置匹配元素内的文本内容,这个不是w3c标准的属性,会有浏览器兼容性问题,在火狐下是不支持这个属性的,不过可以用textContent来替代
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
3.outHTML:获取或者设置匹配元素的html(包含匹配的标签,不仅仅是标签所包含的内容),这个不是w3c的标准属性,存在浏览器兼容性(ff 不支持该属性)
- jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别
- jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别
- 【WEB】JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ?
- js中innerHTML、outHTML和innerText的用法与区别
- JS中innerHTML,innerText,outHTML的用法及区别
- innerHTML,outHTML和innerText的区别
- 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()的区别
- NHK Easy News 翻译 12月26日-1
- jQuery 动画特效animate
- 解决Oracle数据库中没有scott账户的方法
- android 打包流程
- 在linux中使用vi 打开文件时,能显示行号
- jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别
- 轻松使用crontab调度作业
- 玩转四旋翼无人机(在rviz中显示飞机)
- ABAP RANGE 实现 SELECTION-OPTION 功能
- bzoj 2626: JZPFAR (KD-tree)
- Android设计模式-原型模式
- html5+CSS 禁止IOS长按复制粘贴实现
- JSP的7个动作指令之include
- Swift-AppDelegate简介