zoukankan      html  css  js  c++  java
  • jquery遍历DOM

    简单小实例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>css选择器</title>
        <style>
            .wrap .item,.wrap .test{
                color:#5fb878;
            }
        </style>
    </head>
    <body>
    <div class="wrap">
        <p>javascript</p>
        <p class="item">W3School1</p>
        <p class="item">W3School2</p>
        <p>W3School</p>
        <p>jquery</p>
        <div>
            <p class="item">W3School3</p>
        </div>
    </div>
    <script src="jQuery/1.9.1/jquery.min.js"></script>
    <script>
        $('.wrap').find('p.item').each(function(i){
            alert($(this).text());
        });
    
    </script>
    </body>
    </html>

    在jquery中,遍历对象和数组,经常会用到$().each$.each()两个方法。

    $().each在DOM处理上面用的较多。如上面的例子所示

    $.each(data,function(key,val){

      alert(val);

    }); 这个常用来遍历对象和数组!

  • 相关阅读:
    git 常用命令速查表
    Git常用命令备忘
    display:inline-block
    JS 封装的结构关系
    IE6,7,8 CSS HACK
    JS 观察者模式
    JS 数组迭代方法
    JS 单例模式
    JS Closure 闭包
    Currying and Uncurrying Js
  • 原文地址:https://www.cnblogs.com/qianxunpu/p/7307923.html
Copyright © 2011-2022 走看看