前端开发

 首页 > 前端开发 > jquery教程 > jquery选择器需要注意的问题_jquery_自学php网

jquery选择器需要注意的问题_jquery_自学php网

分享到:
【字体:
导读:
          本文讲述的是jquery选择器结果是数组时需要主要的一个问题,并详细分析了产生此问题的原因,这里记录下来,小伙伴们在项目中使用的时候要注意一下。...

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

复制代码 代码如下:


    111
    222
    333
   

复制代码 代码如下:

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

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

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

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

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

另外还有些注意事项

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

解决此类错误的方法是使用转义符转义。

bb

cc

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

分享到:
浅谈jQuery中对象遍历.eq().first().last...
eq(index):将集合中的索引为index的元素提取出来. first():返回集合中的第一个元素. .last():防护集合中的最后一个元素. .slice(start[,end]):返回集合中的给定区间段的元素. first()和last()调用eq(),eq()通过slice()实现,slice()通过 .pushStack()实现. 相关源码 285行:用法很奇特,通过一个"+"把可能为字符串的i...
jQuery的ready方法详解_jquery_自学php网
jQuery中的ready方法实现了当页面加载完成后才执行的效果,但他并不是window.onload或者doucment.onload的封装,而是使用 标准W3C浏览器DOM隐藏api和IE浏览器缺陷来完成的,首先,我们来看jQuery的代码 复制代码 代码如下: DOMContentLoaded = function()  {          //取消事件监听,执行ready方法 ...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……