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>