发布于 2017-05-01 02:44:38 | 107 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
最近做项目,有这么个功能用jQuery检查某个元素在网页上是否存在,这里记录下,也许能帮助正在读文章的朋友。
用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下:
if($("#tt").length > 0) {
//元素存在时执行的代码
}
具体原因如下:
在JavaScript中,我们在使用传统的getElementById()和getElementsByTagName()时,如果在网页中找不到相关元素,那么浏览器就会报错,影响后续代码的执行,所以为了避免浏览器报错,可以对元素进行判断,例如:
if(document.getElementById("tt")) {//js判断元素是否存在
document.getElementById("tt").style.color = "red";
}
如果要操作的元素很多,就需要大量重复的工作,这往往让人厌倦。而jQuery的一大优势就是它完善的处理机制,即使用jQuery获取网页中不存在的元素也不会报错。这是因为$("#tt")获取的永远是对象,即使网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时,不能使用以下代码:
if($("#tt")) {
//永远执行,不管元素是否存在
}
这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!