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>
  • 相关阅读:
    bzoj 2832
    洛谷5月月赛
    P4705 玩游戏
    【bzoj4817】[Sdoi2017]树点涂色&&bzoj3779-重组病毒
    A
    P4715 「英语」Z 语言
    P4714 「数学」约数个数和
    P2860 [USACO06JAN]冗余路径Redundant Paths
    【BZOJ3252】攻略
    BZOJ 1706
  • 原文地址:https://www.cnblogs.com/keno32/p/5162996.html
Copyright © 2011-2022 走看看