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>

 

posted @ 2016-01-27 13:44  上官帅帅  阅读(385)  评论(0编辑  收藏  举报