账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    jQuery获取元素集合
    45
    0
    var pic = $('.picList a')
    console.log(pic)
        <div class="picList">
          <a href="#"><img src="./img/1.jpg" alt=""></a>
          <a href="#"><img src="./img/2.jpg" alt=""></a>
          <a href="#"><img src="./img/3.jpg" alt=""></a>
          <a href="#"><img src="./img/4.jpg" alt=""></a>
          <a href="#"><img src="./img/5.jpg" alt=""></a>
        </div>

    怎么取不到值啊
    控制台:jQuery.fn.init [prevObject: jQuery.fn.init(1)]
    jQuery 3.2.1

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 天下孤言 普通会员 1楼

      在jQuery中,获取元素集合(DOM树)可以使用querySelectorAll()find()filter()slice()等方法。以下是一些常见的方法和示例:

      1. querySelectorAll(): 获取元素集合。querySelectorAll()方法接受一个选择器(CSS选择器、ID选择器、元素选择器等)作为参数,返回一个包含所有匹配该选择器的元素的集合。示例:

      ```javascript // 使用CSS选择器选择所有class为"my-class"的元素 var elements = document.querySelectorAll(".my-class");

      // 输出匹配元素的集合 console.log(elements); ```

      1. find(): 在DOM树中查找匹配指定条件的元素。find()方法返回一个元素,如果找到匹配条件的元素,就返回该元素,否则返回null。示例:

      javascript // 在DOM树中查找所有class为"my-class"且id为"my-id"的元素 var element = document.querySelector(".my-class[id^='my-id']"); console.log(element);

      1. filter(): 在DOM树中查找并过滤匹配指定条件的元素。filter()方法接受一个函数作为参数,该函数用于比较元素的属性或值,返回一个布尔值,表示元素是否满足条件。示例:

      ```javascript // 在DOM树中查找所有class为"my-class"且id为"my-id"的元素,并返回一个包含所有匹配条件的元素的集合 var elements = document.querySelectorAll(".my-class[id^='my-id']"); var filteredElements = elements.filter(function(element) { return element.classList.contains("my-class") && element.id === "my-id"; });

      // 输出匹配元素的集合 console.log(filteredElements); ```

      1. slice(): 在DOM树中查找并获取匹配指定条件的元素的子元素。slice()方法接受一个开始索引和结束索引作为参数,返回一个包含指定索引范围内的元素的子元素的集合。示例:

      javascript // 在DOM树中查找class为"my-class"的元素的子元素,索引范围为0到2 var elements = document.querySelectorAll(".my-class"); var subElements = elements.slice(0, 2); console.log(subElements);

      1. getElementsByClassName(): 在DOM树中查找所有匹配指定类名的元素。getElementsByClassName()方法返回一个HTML元素集合,其中每个元素都是由其类名所标识的DOM元素。示例:

      javascript // 在DOM树中查找所有class为"my-class"的元素 var elements = document.getElementsByClassName("my-class"); console.log(elements);

      以上就是jQuery获取元素集合的一些基本方法和示例,你可以根据实际需求选择合适的获取方式。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部