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")) {//永远执行，不管元素是否存在
}

　　这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。

转载于:https://www.cnblogs.com/huangjinyong/p/9367302.html

jQuery检查某个元素在页面上是否存在相关推荐

获取元素到页面上的位置
获取元素到页面的距离 function getPosition(obj) { var post={l:0,t:0}; while(obj){ post.l += obj.offsetLeft; pos ...
我可以在同一页面上使用多个版本的jQuery吗？
我正在从事的项目需要在客户的网页上使用jQuery. 客户将插入我们将提供的代码块,其中包括一些<script>元素,这些元素可在<script>创建的<iframe&g ...
linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素，访问方法：getElementById() - phpStudy...
DOM和JAVASCRIPT访问页面上的元素访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
用ajax修改成功怎么返回页面,jquery操作ajax返回的页面元素
这两天工作不忙,正好从朋友那里拿到一个某个应用的开发文档,相关数据放在了mongodb里,自己电脑可以本地开启服务器然后通过给的借口来获取数据.由于这是一个比较大比较全的一个完整项目,也没有那么多经历 ...
实现在页面上隐藏某个元素的css,有趣的css—隐藏元素的7种思路
display.visibility.opacity三个属性隐藏元素之间的异同点一直是前端面试面试的常考题. 除了display.visibility.opacity三个属性可以隐藏元素之外,是否还存 ...
jquery的sortable拖拽排序问题，在页面上多次拖拽保存顺序之后，刷新页面，排序出现紊乱
一.前言这篇博客是因为我在做完拖拽保存之后,测试多次拖拽,然后刷新页面,发现保存的顺序出来紊乱.这就很无奈了啊,打印各项数据才发现,因为保存用的是ajax的方式,所以页面上的列表序号是固定的,比如列 ...
[css] 在页面上隐藏元素的方法有哪些？
[css] 在页面上隐藏元素的方法有哪些? position配合z-index; 或者 left/top/bottom/right : -100%:margin-left: -100%;width: ...
idea html ajax,在 IntelliJ IDEA 8.1中编写一个ajax jquery实例，取不到页面上的值
在 IntelliJ IDEA 8.1中编写一个ajax jquery实例,取不到页面上的值0 brnm12942014.08.17浏览115次分享举报 public class AjaxServle ...

jQuery检查某个元素在页面上是否存在

jQuery检查某个元素在页面上是否存在相关推荐

最新文章

热门文章