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>

巴特西

jQuery知识点一 each()和toggleClass()

最新文章

热门文章