jquery选择器需要注意的问题
更新时间：2014年11月26日 17:02:53 投稿：hebedich
本文讲述的是jquery选择器结果是数组时需要主要的一个问题，并详细分析了产生此问题的原因，这里记录下来，小伙伴们在项目中使用的时候要注意一下。
我们先来看段代码，很简单,如下
复制代码 代码如下:
<div id="div1">
<span>111</span>
<span>222</span>
<span>333</span>
<button id="button1">clear</button>
</div>
复制代码 代码如下:
$(function() {
$("#button1").click(function() {
$("#div1 span").html("aaa");
});
});
$("#div1 span")获得三个对象的数组
1.如果执行 $("#div1 span").html("aaa"),则数组内的所有对象都会改变.如下图
2.如果执行$("#div1 span").html(),只取值的话,则只会取数组第一个对象的值
所以如果选择器获得是一个数组,要对数组每个元素都进行操作时,最好用each().
另外还有些注意事项
选择器中含有特殊符号的注意事项选择器中含有“.”、“#”、“(”或“]”等特殊字符根据W3C的规定，属性值中是不能含有这些特殊字符的，但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符，如果按照普通的方式去处理出来的话就会出错。
解决此类错误的方法是使用转义符转义。
<div id="id#b">bb</div>
<div id="id[1]">cc</div>
不能这样写：
$('#id#b'); $('#id[1]');
应该使用转义符号：
$('#id\\#b'); //转义特殊字符“#”
$('#id\\[1\\]'); //转义特殊字符“[ ]”
相关文章
这篇文章比较不错，更重要的是一些实例代码，对于想学习jquery的朋友是个不错的资料。2010-03-03
今天小编就为大家分享一篇关于jquery的$().each和$.each的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要介绍了jQuery获取复选框选中的当前行的某个字段的值,需要的朋友可以参考下2017-09-09
checkbox:click事件触发span元素内容改变的方法
下面小编就为大家带来一篇checkbox:click事件触发span元素内容改变的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
本文我们一步一步看看使用jQuery、JSON、Ajax和微软jQuery Template插件组合实现jQuery无刷新分页，希望能给你一些帮助，感兴趣的朋友可以参考一下2016-05-05
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
这篇文章主要介绍了详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题 的相关资料,需要的朋友可以参考下2015-12-12
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多，最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档顺便对jQuery数组做个总结2013-11-11
本文给大家汇总介绍了几个常用的jquery实现简易的移动端验证表单，非常的实用，有需要的小伙伴可以进来参考下。2015-11-11
下面小编就为大家带来一篇老生常谈combobox和combotree模糊查询。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
通过XMLHttpRequest和jQuery实现ajax的几种方式
AJAX大家已经都知道了，是为了实现异步通讯，提高用户体验度，而将很多旧知识（XML,DOM,JavaScript,HTML,Jquery,Css……）重新融合的一个新的知识框架。而，XMLHttpRequest对象则是其中的重重之中,本篇文章主要给大家介绍通过XMLHttpRequest和jQuery实现ajax的几种方式2015-08-08
最新评论