.html方法当不传参数时用来获取元素的html内容,查看源码
return this[0] && this[0].nodeType === 1 ?
this[0].innerHTML.replace(rinlinejQuery, "") :
null;
得知其通过非标准的但所有浏览器都支持的innerHTML实现。
注:html5已接纳该属性(http://www.w3.org/TR/2008/WD-html5-20080610/dom.html#innerhtml0
)。
有些使用者会用html()方法的返回值作为代码分支的条件,比如:
var str = $('#user').html();
if( str=='jack' ){
...
}else if( str=='tom' ){
...
}else if( str=='lily' ){
...
}
多数情况下这没什么问题,但如果id=user的html元素内有空格,则不会得到想要的结果了。比如:
<div id="user"> jack</div>
<script>
alert(document.getElementById('user').innerHTML.length);
</script>
div[id=user]内文本jack前不小心多了3个空格,这时候在各浏览器表现不一样:
IE中,弹出字符串的长度是4,即忽略了空格。
Firefox/Safari/Chrome/Opera中,弹出则是7,即没有忽略空格。
这时候拿.html()的返回值作为代码分支的条件明显在非IE浏览器中会出错。
如果非要使用元素的html内容作为判断条件,解决办法很简单
1,写html时去掉空格
2,调用html()方法后再调用trim,如var str = $('#user').html().trim();
分享到:
相关推荐
笔顺书写jq+html 直接打开使用仅供参考 笔顺书写jq+html 直接打开使用仅供参考 笔顺书写jq+html 直接打开使用仅供参考 笔顺书写jq+html 直接打开使用仅供参考
jq方法大全-jQuery
jq1.42中文Html版jq1.42中文Html版jq1.42中文Html版jq1.42中文Html版jq1.42中文Html版
JQ中$.ajax()方法详解,自己整理的哦
HTML+JQ抽奖转盘源码 可以设置次数 可以随意更改里面的几率 HTML+JQ抽奖转盘源码 HTML+JQ抽奖转盘源码
NULL 博文链接:https://onestopweb.iteye.com/blog/2301459
jq与discuz冲突解决方法jq与discuz冲突解决方法jq与discuz冲突解决方法jq与discuz冲突解决方法jq与discuz冲突解决方法jq与discuz冲突解决方法
JQ中文文档,采用网页版压缩制成的chm文件,方便查看,方便点击链接
jq二维码,使用jq_code直接前端生成二维码,后台只需要传链接即可生成二维码
实现使用 JQ + HTML5 实现 拖拽图片功能,JQ使用的版本是3.3.1
NULL 博文链接:https://onestopweb.iteye.com/blog/2337502
JQ6500是一个提供串口的MP3芯片,完美的集成了MP3、WMV的硬解码。同时软件支持TF卡驱动,支持电脑直接更新spi flash的内容,支持FAT16、FAT32文件系统。
JQ8900-TF语音模块使用说明书串口测试程序等资料包:‘ JQ8900-TF语音模块使用说明书V2.1.pdf MP3格式转换器 串口测试程序 串口调试软件.exe 播放模式-配置工具.exe 测试音频 语音合成软件
NULL 博文链接:https://onestopweb.iteye.com/blog/2358944
今天遇到jquery中的html方法使用不了,只能用完最基本的innerHTML把内容展示出来。具体原因还没找到,肯定跟内容有关,展示不了的html放上来供以后检查原因,是我收到csdn的一封邮件。 <!DOCTYPE html PUBLIC ...
JQ8400的说明书
近几年来,互联网+、大数据、云计算、物联网、虚拟现实、人工智能、机器学习等新概念层出不穷,相关行业发展迅猛。
个人简历在百度搜了点信息,可以直接改,注册是JQ+HTML
JQ8400-FL语音模块使用说明书,图片接线调试均写有,需要自取
jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件