当前位置:Gxlcms > JavaScript > JQuery中html()方法使用不当带来的陷阱_jquery

JQuery中html()方法使用不当带来的陷阱_jquery

时间:2021-07-01 10:21:17 帮助过:3人阅读

查看源码
代码如下:

return this[0] && this[0].nodeType === 1 ?
this[0].innerHTML.replace(rinlinejQuery, "") :
null;

得知其通过非标准的但所有浏览器都支持的innerHTML实现。
有些使用者会用html()方法的返回值作为代码分支的条件,比如:
代码如下:

var str = $('#user').html();
if( str=='jack' ){
...
}else if( str=='tom' ){
...
}else if( str=='lily' ){
...
}

多数情况下这没什么问题,但如果id=user的html元素内有空格,则不会得到想要的结果了。比如:
代码如下:

jack