当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jquery选择器需要注意的问题

jquery选择器需要注意的问题

2019年05月18日  | 移动技术网IT编程  | 我要评论
我们先来看段代码,很简单,如下 代码如下: <p id="p1">     <span>111

我们先来看段代码,很简单,如下

代码如下:


<p id="p1">
    <span>111</span>
    <span>222</span>
    <span>333</span>
    <button id="button1">clear</button>
</p>

 

 

代码如下:


$(function() {
     $("#button1").click(function() {
         $("#p1 span").html("aaa");
     });
 });

 

$("#p1 span")获得三个对象的数组

1.如果执行 $("#p1 span").html("aaa"),则数组内的所有对象都会改变.如下图

\

2.如果执行$("#p1 span").html(),只取值的话,则只会取数组第一个对象的值

\

所以如果选择器获得是一个数组,要对数组每个元素都进行操作时,最好用each().

另外还有些注意事项

选择器中含有特殊符号的注意事项选择器中含有“.”、“#”、“(”或“]”等特殊字符根据w3c的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错。

解决此类错误的方法是使用转义符转义。
<p id="id#b">bb</p>
<p id="id[1]">cc</p>

不能这样写:
$('#id#b');  $('#id[1]');
应该使用转义符号:
$('#id\\#b');       //转义特殊字符“#”
$('#id\\[1\\]');    //转义特殊字符“[ ]”

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网