首页 / JQUERY / 完善的jquery处理机制
完善的jquery处理机制
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了完善的jquery处理机制,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1399字,纯文字阅读大概需要2分钟。
内容图文
![完善的jquery处理机制](/upload/InfoBanner/zyjiaocheng/354/bcbbb53ebe2d4400a70270c790145d90.jpg)
使用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处理机制所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。