zoukankan      html  css  js  c++  java
  • jQuery知识点一 each()和toggleClass()

    jQuery的一些东东比较容易忘,所以在这里整理一下... ...
     1. each
      (1) $(selector).each(function(index,element))         index - 选择器的 index 位置                      element - 当前的元素(也可使用 "this" 选择器)

     

    $("button").click(function(){
     $("li").each(function(){
       alert($(this).text())
     });
    });

     

    (2) $.each(object,[callback]) 方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略

     

    $.each([0, 1, 2], function (i, n) {
      alert("Item #" + i + ": " + n);
    });

     

     

      2.toggleClass()  顾名思义 切换样式

       语法: $(selector).toggleClass(class,switch)

    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>Index1</title>
        <script src="~/Scripts/jquery-1.8.2.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#test").click(function () {
                    $(this).toggleClass("main")
                });
            });
        </script>
        <style type="text/css">
            .main {
                font-size: 120px;
                color: red;
            }
        </style>
    </head>
    <body>
        <div>
            <div id="test">哈哈哈</div>
        </div>
    </body>
    </html>
  • 相关阅读:
    shuffle过程分析
    自定义分组
    自定义排序及Hadoop序列化
    MapReduce常见算法
    Partitioner
    Combiner
    自定义Counter使用
    WordCount_命令行运行时指定参数
    老的API实现WordCount
    Hadoop自定义类型处理手机上网日志
  • 原文地址:https://www.cnblogs.com/keno32/p/5162996.html
Copyright © 2011-2022 走看看