脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery选择器需要注意的问题，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

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

代码如下:

@H_304_7@ <p id="p1">
&nbsp;   <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//]');    //转义特殊字符“[ ]”

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery选择器需要注意的问题全部内容，希望文章能够帮你解决javascript代码实例教程-jquery选择器需要注意的问题所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。