完善的jquery处理机制
更新时间：2016年02月21日 08:51:33 投稿：lijiao
这篇文章主要为大家详细介绍了完善的jquery处理机制的相关资料，感兴趣的小伙伴们可以参考一下
使用jQuery选择器不仅比使用传统的getElementById()和getElementsByTagName()函数简洁得多，而且还能避免某些错误。请看下面例子：
<script>
document.getElementById("div").style.color ="red";
</script>
运行上面代码后，浏览器就会报错，原因是网页中没有ID为div的元素。
改进后代码如下：
<script>
if(document.getElementById("div")){ //用了IF语句来判断是否有ID为div的元素，如果有，执行下面代码
document.getElementById("div").style.color ="red"
}
</script>
这样就可以避免游览器报错，但如果要操作的元素很多，可能对每个元素都要进行一次判断，而jquery方面问题上的处理是非常不错的，即使用JQUERY获取网页中不存在的元素也不会报错。
代码如下：
<script>
$("#div").css("color","red");
</script>
有了这个预防措施，即使以后因为某种原因删除网页上某个以前使用过的元素，也不用担心这个网页的JavaScript会报错。
注意点：
$("div")获取的永远是jquery对象，即使网页上没有此元素。因此当要用jquery检查某个元素在网页上是否存在时。
不能使用以下代码：
<script>
if($("#div")){
$("#div").css("color",red) //这样游览器会报错
}
</script>
而是应该跟获取长度来判断。
代码如下：
<script>
if($("#div").length >0){
$("#div").css("color",red)
}
</script>
这时候也可以转化为DOM对象来判断。
代码如下：
<body>
<div id="div">ccccccc</div>
<script src="jquery-2.1.4.min.js"></script>
<script>
var $div = $("#div");
var div = $div[0];
if(div){
$div.css("color","red") //此时DIV的颜色就变为red
}
</script>
</body>
这就是jquery完善的处理机制的，希望对大家学习jquery程序设计有所帮助。
相关文章
这篇文章主要介绍了jquery实现的美女拼图游戏,实例分析了jQuery操作图片的相关技巧,需要的朋友可以参考下2015-05-05
jQuery.buildFragment使用方法与思路分析以及源码注释分析等等，感兴趣的朋友可以了解下哦2013-01-01
这篇文章主要为大家详细介绍了jQuery实现弹幕特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
为什么会这样子呢？在网上查了好久，结果发现是因为我指定了dataType:'json',这样一指定完蛋了，对Json的要求就非常严格起来了2011-09-09
这篇文章主要介绍了jQuery实现的点击标题文字切换字体效果,涉及jQuery基于事件响应实现页面元素属性动态变换相关操作技巧,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了jQuery实现的placeholder效果,可实现输入框提示文字的功能,并且针对焦点的情况判定是否显示,非常简单实用,需要的朋友可以参考下2016-08-08
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
接了个项目做，需要是这样的：输入手机号，实时判断输入的手机号是否符合规则，如果不符合怎么处理，符合又怎么处理等一系列问题，本篇文章给大家介绍Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态，感兴趣的朋友参考下2015-11-11
JQuery DataTable删除行后的页面更新利用Ajax解决
使用Jquery的DataTable进行数据表处理非常方便，常遇到的一个问题就是删除一行后页面必须进行更新，下面与大家分享下使用Ajax的解决方法2013-05-05
这篇文章主要介绍了jQuery制作拼图小游戏,思路与源码都分享给大家，需要的朋友可以参考下2015-01-01
本文为大家揭秘如何使表单更加美化，感兴趣的小伙伴们可以参考一下2015-10-10
最新评论