• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

jquery选择不存在的元素如何做到不报错的_CSS学习

当前位置：网站建设 > 技术支持

jquery选择不存在的元素如何做到不报错的？

刚好这个月在看jquery源码，要回答这个问题，当然要从jquery源码来看了；

在这儿，使用的是jquery 2.0.3的版本源码进行说明；如，我们使用jquery去查找一个页面不存在的元素$('#test')元素，看下源码具体走了哪些；在这儿就不一步一步进行源码分析，只是进行简单说明；

通过下图代码可以看出，调用$('#test')时，会走jquery.fn.init函数；然后我们去看下此函数；

由于函数代码量过多，就不截图；简单说下，此函数会对传入的“selector”进行分类及各种情况处理；而这儿我们就看是id为test情况；首先它会通过下图判断

然后，会通过一个正则“match = rquickExpr.exec( selector );”进行匹配，匹配"#test"结果match如下：

然后会走原生方法document.getElementById方法：

因为页面本来没有此元素，所以会直接返回空（null），最后会走下图代码，返回最终结果由上图代码可知，即使返回结果为空，它也会返回一个jquery对象，里面包含context、selector属性，还有继承的jquery全局方法，结果如下图：所以，如果你即使查找一个没有的元素，它也会返回一个jquery对象，你也可以直接使用对象中所有的jquery全局方法；

上面只是用id的简单的方式，如果是类、标签、css等其他复杂的进行查找时，jquery会根据类型和浏览器的版本不同，使用不同的方式进行查找，但最终返回结果都差不多，而且即使没有，都会返回一个jquery对象；

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。