zoukankan      html  css  js  c++  java
  • jquery中选择器的遍历方法

    jquery的遍历方法是.each()方法,可以支持多样化的选择器遍历场景。

    1.索引值遍历。

    $('div').each(function (i) {
        // i就是索引值
        console.log(i);
        // this表示获取遍历每一个dom对象
        console.log(this);
    });

    如果该遍历的dom对象需要调用jquery的方法,可以使用$(this)将dom对象转换为jquery对象。

    2.索引值+dom对象遍历。

    $('div').each(function (index, domEle) {
        // index就是索引值
        console.log(index);
        // domEle表示获取遍历每一个dom对象
        console.log(domEle);
    });

    如果该遍历的dom对象需要调用jquery的方法,可以使用$(domEle)将dom对象转换为jquery对象。

    3.更实用的遍历方法。

    1)先获取选择器集合对象,保存到一个变量yanggb里。

    var yanggb = $('div');

    2)遍历选择器集合对象的每一个元素。

    $.each(yanggb, function (index,domEle) {
        // yanggb是要遍历的集合
        console.log(yanggb);
        // index就是索引值
        console.log(index);
        // domEle 表示获取遍历每一个dom对
        console.log(domEle);
    });

    "我说今晚月色真美,风也温柔。"

    你要去做一个大人,不要回头,不要难过。
  • 相关阅读:
    【C++】未定义的标识符“_TCHAR*”
    【C++】编写动态库DLL
    【C++】使用SQLite步骤及示例
    【VS】如何查询该项目是什么样工程类型
    新概念英语第一册单词
    地道情景表达一
    日常学习经典口语一
    全国省市区sql脚本
    关于Object.defineProperty
    响应式原理
  • 原文地址:https://www.cnblogs.com/yanggb/p/14978785.html
Copyright © 2011-2022 走看看