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>
上一篇:【Visual Studio】如何在VS 2012中打印变量值到输出窗口


下一篇:mysql 批量更新和批量插入