jQuery 使用注意点技巧3

1、$('div').eq(i) 这样才能取到 jquery 对象

2、$("p").click(function(){alert($(this).html())})             
//为每个p元素增加了click事件，单击某个p元素则弹出其内容

注意那个$(this)

$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})      
//实现表格的隔行换色效果

$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})   //为三个不同的p元素单击事件分别设定不同的处理

注意那个function(i)

3、$(document).ready(function(){alert("Load Success")})
//页面加载完毕提示“Load Success”,不同于onload事件，onload需要页面内容加载完毕（图片等），而ready只要页面html代码下载完毕即触发。与$(fn)等价

4、//每次点击时轮换添加和删除名为selected的class。
       $("p").toggle(function(){
              $(this).addClass("selected");  
       },function(){
              $(this).removeClass("selected");
       });

5、 $("p").trigger("click");       //触发所有p元素的click事件

6、$("p").bind("click", function(){alert($(this).text());}); 
//为每个p元素添加单击事件
$("p").unbind();       //删除所有p元素上的所有事件
$("p").unbind("click")       //删除所有p元素上的单击事件

7、$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });

等价于：

var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
       alert("Item #"+i+": "+tempArr[i]);
}

也可以用来处理json

$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });