zoukankan      html  css  js  c++  java
  • jQuery.each() 的5个案例

    1.基本的jQuery.each实例

      看看 each() 函数是如何处理一个 jQuery 对象的。首先选取所有的a标签 并且打印出他们的href属性。

      

      需要注意的是, 在 each() 当中使用 jQuery 对象的 DOM 元素时,必须对这些 DOM 元素再次封装。这是因为 jQuery 实际上只是将 DOM 元素封装成数组。使用 jQuery each() 方法其实就是像普通数组那样迭代这个数组。因此,无法在迭代器里得到封装好的元素。$(this)。

    2.jQuery.each的数组实例

      

    3. jQuery.each 的JSON实例、

      

      我们用嵌套调用 each() 方法,来处理这种嵌套结构。外层的 each() 调用是用来处理变量名为 JSON 的数组,内层的 each() 调用是用来处理嵌套在数组中的对象。本例当中,每个对象只有一个属性,但是一般来说有多个属性也是可以的。

    4. jQuery.each 类实例

      如何遍历所有 class 属性为 productDescription 的元素。

      

      $.each($('.productDescription'), function(index,value){
                  console.log(index + " : " + $(value).text());
        });

    5. jQuery.each延迟实例

      当用户点击 ID 为 5demo 的元素时,所有的列表元素都会马上变成橙色。然后元素根据 index 值设置延迟时间 (0, 200, 400, … 毫秒) 逐个淡出。

      

  • 相关阅读:
    oracle
    mysql的必知技巧
    sql_update
    sql查询
    Java 动态页面技术 之 jsp
    Java 会话技术 之 session
    Java 会话技术 之cookie
    Java HttpServletRequest
    Java HttpServletResponse
    Java Servlet接口、web.xml配置、HttpServlet父类
  • 原文地址:https://www.cnblogs.com/syomm/p/5994452.html
Copyright © 2011-2022 走看看