jQuery中html()方法浏览器兼容问题

最新推荐文章于 2024-07-03 21:14:45 发布
最新推荐文章于 2024-07-03 21:14:45 发布
阅读量3.7k 收藏 2
点赞数 2
分类专栏： 前端技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdp072/article/details/51838632
版权
文章探讨了在使用jQuery的html()方法时遇到的浏览器兼容性问题，特别是在IE8、Firefox以及其它浏览器中，html()方法获取的HTML内容存在差异。作者指出Firefox无法获取动态插入内容的问题，并表达了寻求解决方案的急切需求。目前，作者通过一个简单的插件解决了这一问题。
摘要由CSDN通过智能技术生成

转载：http://www.cnblogs.com/CherryGhost/archive/2011/08/31/2160668.html

今天工作中需要用到这样一个效果：table里面排列着一些文本框，在输入数值以后，保存table的全部html元素，包括刚输入的数值。

这里用jquery的html()方法很容易实现。但是测试的时候发现，在ie8和i火狐（还包括ie9，safari，谷歌浏览器）中，html()得到的值是不一样的。

最低0.47元/天 解锁文章
zdp072
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery的text()方法与html()方法比较
谈谈IT
02-15 703
jQuery中对文本内容有text()、html()以及val()方法。对input和textarea元素，使用val()方法获取和设置文本内容。对其它元素，可以使用text方法获取文本，html获取节点内的html内容。以下主要比较text和html方法。 使用text()方法获取文本 将符合条件的所有元素以及它们的子元素的文本内容用空格或换行符拼接起来。这里有四个点： 会对所有符合条件的j...
jquery - html()
cyh
12-15 424
html()有三种使用方式1 .html() 获取指定标签的内容,只取第一个 <body> <p><font>fff</font></p> <button id="btn1">获取值</button> </body> <script type="text/javascript"> $(function(){ $('#btn1').click(funct
jquery中html()方法的使用
最新发布
Li370234940的博客
07-03 353
标题
jquery动态加载css样式 浏览器兼容处理
qw_xingzhe的专栏
04-09 4136
个比较严重的bug：在IE6、IE7下，验证提示的样式文件加载不进来。 于是今天早上针对这个bug，测试了好多次，仍然不行，最后才发现原来是因为用jquery的方法动态加载css教程样式文件，存在兼容问题。 在jquery.skygqCheckAjaxform.1.3.js文件中原来动态加载css文件的代码是这样的： //加载css样式 if ($("link[href$=valid.cs
jquery html() ie兼容,两种方法基于jQuery实现IE浏览器兼容placeholder效果
weixin_35782148的博客
06-20 460
placeholder是HTML5的属性之一，在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果：在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 极速模式 )中，输入栏获得焦点后，提示文字并不消失，如图( Chrome )：获得焦点前：获得焦点时：偏偏IE11要搞点特殊：获得焦点前：获得焦点时：也就是说获得焦点时提...
jq -- HTML
包磊磊的博客
08-11 560
jquery捕获： 获得标签的文本内容，text(),所有的文本,也只有文本内容； 获取标签的内容，html(),所有的内容,包括文本,包括子标签； 获取表单元素的内容  val()； 获取属性的值   比如想得到a标签的href,直接写$(‘a’).attr(‘href’); jQuery设置： 设置单一属性的时候     $(‘a’.attr(‘href
处理一些兼容性的代码
weixin_42201272的博客
05-23 140
1.兄弟节点解决兼容性方法：  function getNextElementSibling(element) {         var el = element;         while (el = el.nextSibling) { &nbs
JQ方法：html()、text()、val()、attr()、prop()
qq_41504815的博客
03-10 344
1、html() 等同于JS中的 innerHTML 方法，可以获取标签，无参数是获取值，有参数是设置值。 2、text() 等同于JS中的 innerText，没有参数是获取值，有参数是设置值，只获取文本，不获取标签 3、val() 等价于 value ，常用于表单操作，无参是获取，有参是设置值 4、attr() attr() 方法设置或返回被选元素的属性值。 5、prop() 一个参数,如果是表单的checked等,就是判断该元素是否有该属性(是否被选择)。如果是id,class之类的
jQuery html( )方法
m0_57835615的博客
06-06 1368
jQuery html( )方法可以设置或返回所选元素的内容，值得一提的是，该方法可以解析HTML代码。 （1）获取内容 示例：
jQuery--内容操作（html()、text()、val()）详解
吴声子夜歌的博客
10-01 1866
样式操作 在jQuery中，提供了html()和text()方法用于操作页面元素的内容，val()方法用于操作表单元素的值。以上方法的使用方式基本相同，当方法没有提供参数时，表示获取匹配元素的内容或值；当方法携带参数时，表示对匹配元素的内容或值进行修改。 1. html()方法： html()方法用于获取第一个匹配元素的HTML，内容或修改匹配元素的HTML内容，方方法仅对XHTML文档有效，不能...
jquery html() ie兼容,ie是否支持jquery
weixin_35502173的博客
06-20 1034
ie支持jquery。目前jQuery有三大个版本，其中jQuery 1.x版本兼容ie6、ie7、ie8；而jQuery 2.x版本和3.x版本不兼容ie6、ie7、ie8，支持现代浏览器以及IE9以后的浏览器环境。本教程操作环境：windows7系统、jquery3.5&&internet explorer11版、Dell G3电脑。推荐教程：jq教程ie支持jquery。目前...
jQuery中.html() 方法?
热门推荐
墓亦龍的博客
03-30 1万+
.html() 方法?1、定义及用法：html()方法返回被选元素的内容，即括号内未设置参数。                          若设置参数，返回设置参数的内容。                          并且该参数内容覆盖所有想匹配的元素的内容                          参数可为函数，即function(index,dcontent)       ...
jqury中的html方法,jQuery中html()方法用法实例
weixin_35421203的博客
06-19 2056
本文实例讲述了jQuery中html()方法用法。分享给大家供大家参考。具体分析如下：此方法能够设置和取得匹配元素的HTML内容，原来的内容将会被新设置的内容替换。特别说明:HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。文本内容是先将内容中的HTML预定义字符转换成html字符实体，这样HTML标签就不会被渲染。语法结构一:复制代码 代码如下:$(selector).html(...
html中写jq,jQuery中html()方法用法实例
weixin_35389904的博客
05-31 439
本文实例讲述了jQuery中html()方法用法。分享给大家供大家参考。具体分析如下：此方法能够设置和取得匹配元素的HTML内容，原来的内容将会被新设置的内容替换。特别说明:HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。文本内容是先将内容中的HTML预定义字符转换成html字符实体，这样HTML标签就不会被渲染。语法结构一:$(selector).html()此时方法不带参数时...
JQ HTML 操作
E_ISOLATE的博客
07-21 296
设置内容 text() html() val() $(document).ready(function () { $("#btn1").click(function () { $("#test1").text("hello"); }) $("#btn2").click(function () { $("#test2...
jq的.html()插入失败
dmwhw的博客
11-07 1038
在做网页时，发现这个老是插不进去 $.post("getProvince.do","",function(data){ var str=""; for(var key in data){ str=str + ""+data[key]+""; } $("#tab-ul").html(str); info(data[0]); },"json");
JQUERY的html()
思维小刀
06-06 472
1.简述 html() 方法返回或设置被选元素的内容 (inner HTML)。 如果该方法未设置参数，则返回被选元素的当前内容。 $(".btn1").click(function(){ $("p").html("Hello <b>world</b>!"); }); ...
jq中html(),html(""),empty()的区别
weixin_38098192的博客
06-15 2087
html() 方法如果未设置参数，则返回被选元素的当前内容。html("") 则清空被选元素的当前内容。empty() 方法从被选元素移除所有内容，包括所有文本和子节点...
"解决DIV CSS浏览器兼容问题的方法及技巧
!DOCTYPE html> <html> div { display: inline; margin: 50px; ...</html> ...3. IE6 下图片不透明 IE6 不支持 PNG ...总的来说，这份资料是一份非常实用的DIV CSS 浏览器兼容问题解决方法的指南，非常值得下载和参考。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值