jquery完善的处理机制

使用jQuery选择器不仅比使用传统的getElementById()和getElementsByTagName()函数简洁得多，而且还能避免某些错误。请看下面例子：

1 <script>
2    document.getElementById("div").style.color ="red";
3 </script>

运行上面代码后，浏览器就会报错，原因是网页中没有ID为div的元素。

改进后代码如下：

1 <script>
2     if(document.getElementById("div")){  //用了IF语句来判断是否有ID为div的元素，如果有，执行下面代码
3         document.getElementById("div").style.color ="red"
4     }
5 </script>

这样就可以避免游览器报错，但如果要操作的元素很多，可能对每个元素都要进行一次判断，而jquery方面问题上的处理是非常不错的，即使用JQUERY获取网页中不存在的元素也不会报错。

代码如下：

1 <script>
2    $("#div").css("color","red");
3 </script>

有了这个预防措施，即使以后因为某种原因删除网页上某个以前使用过的元素，也不用担心这个网页的JavaScript会报错。

注意点：

$("div")获取的永远是jquery对象，即使网页上没有此元素。因此当要用jquery检查某个元素在网页上是否存在时。

不能使用以下代码：

1 <script>
2   if($("#div")){
3       $("#div").css("color",red)  //这样游览器会报错
4   }
5 </script>

而是应该跟获取长度来判断。

代码如下：

<script>if($("#div").length >0){$("#div").css("color",red)}
</script>

这时候也可以转化为DOM对象来判断。

代码如下：

 1 <body>
 2    <div id="div">ccccccc</div>
 3 <script src="jquery-2.1.4.min.js"></script>
 4 <script>
 5    var $div = $("#div");
 6    var  div = $div[0];
 7    if(div){
 8        $div.css("color","red")   //此时DIV的颜色就变为red
 9    }
10 </script>
11 </body>

转载于:https://www.cnblogs.com/Ziksang/p/5202578.html

jquery完善的处理机制相关推荐

jQuery中的事件机制深入浅出
昨天呢,我们大家一起分享了jQuery中的样式选择器,那么今天我们就来看一下jQuery中的事件机制,其实,jQuery中的事件机制与JavaScript中的事件机制区别是不大的,只是,JavaScr ...
采用SpringBoot、MyBatis-Plus 、Security框架，开发的一套权限系统,实现前后端分离,完善的代码生成机制
项目说明 harry 采用SpringBoot.MyBatis-Plus .Security框架,开发的一套权限系统,实现前后端分离,完善的代码生成机制.Harry Gitee地址 harry-vue ...
jQuery中的事件机制与DOM操作
jQuery事件机制 jQuery的事件机制,指的是jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定.事件解绑.事件触发. 下面我们先来回顾一下事件的几种类型. 事件描述 c ...
强化绩效计算机自动考评,市财政局：建立完善绩效考核机制不断提高公务员管理水平...
近年来,我局突出抓住公务员绩效考核这个最具基础性意义.最具决定性影响的关键环节,积极探索和实践公务员绩效考核机制,推行绩效考核结果和干部选拔任用紧密结合,形成了一套相对严谨细致.前后衔接有序的制度体系 ...
jQuery中的插件机制
我们在很多地方都用过插件,插件能让我们操作某个东西变得异常方便,jQuery也不例外,为了扩展jQuery库函数,jQuery提供了两种方式: jQuery.extend(object):扩展jQue ...
JS与Jquery的事件委托机制
传送:http://www.ituring.com.cn/article/467 概念: 什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委 ...
jQuery选择器的的优点
jQuery选择器的的优点选择器想必大家都不陌生,今天呢,我就给大家介绍一下jQuery选择器的优点: jQuery选择器更简洁的写法: jQuery完善的处理机制: jQuery选择器判断dom节 ...
jquery源码解析：jQuery数据缓存机制详解2
上一课主要讲了jQuery中的缓存机制Data构造方法的源码解析,这一课主要讲jQuery是如何利用Data对象实现有关缓存机制的静态方法和实例方法的.我们接下来,来看这几个静态方法和实例方法的源码解 ...
JQuery源码分析 - 闭包机制在jQuery中的使用及冲突解决
jQuery中的闭包机制本系列中我们将基于jquery3.5.1版本对jQuery源码进行分析,分析以源码加注释的方式展示. 本节中将分析jQuery源码中的 14 ~ 40行:自执行函数定义.环境 ...
建立完善的员工晋升机制_完善机制,打造晋升方案
怎么样设计合理科学的晋升.薪酬和绩效激励机制,满足不同层次的员工需求?如果你现在正在做这方面的工作,可以看看下面的这些建议. 1.操作员工:今天我能赚到多少钱?(计件与产值分配) 2.技术员工:我的创 ...

jquery完善的处理机制

jquery完善的处理机制相关推荐

最新文章

热门文章