源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery选择器需要注意的问题

  • 时间:2022-10-08 04:23 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery选择器需要注意的问题
我们先来看段代码,很简单,如下
[u]复制代码[/u] 代码如下:
<div id="div1">     <span>111</span>     <span>222</span>     <span>333</span>     <button id="button1">clear</button> </div>
[u]复制代码[/u] 代码如下:
$(function() {      $("#button1").click(function() {          $("#div1 span").html("aaa");      });  });
$("#div1 span")获得三个对象的数组 1.如果执行 $("#div1 span").html("aaa"),则数组内的所有对象都会改变.如下图 [img]http://files.jb51.net/file_images/article/201411/2014112616520240.png[/img] 2.如果执行$("#div1 span").html(),只取值的话,则只会取数组第一个对象的值 [img]http://files.jb51.net/file_images/article/201411/2014112616520241.png[/img] [b]所以如果选择器获得是一个数组,要对数组每个元素都进行操作时,最好用each().[/b] 另外还有些注意事项 选择器中含有特殊符号的注意事项选择器中含有“.”、“#”、“(”或“]”等特殊字符根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错。 解决此类错误的方法是使用转义符转义。 <div id="id#b">bb</div> <div id="id[1]">cc</div> 不能这样写: $('#id#b');  $('#id[1]'); 应该使用转义符号: $('#id\\#b');       //转义特殊字符“#” $('#id\\[1\\]');    //转义特殊字符“[ ]”
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部