几个有用的jQuery方法

方法1:

$.browser.浏览器类型:检测浏览器类型。有效参数:safari, opera, msie, mozilla。如检测是否ie:$.browser.isie,是ie浏览器则返回true。

 

方法2:

$.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。如:
$.each( [0,1,2],function(i, n){ ; });
等价于:
var tempArr=[0,1,2];

for(var i=0;i<tempArr.length;i++){ ; }

也可以处理json数据,如:

$.each( { name: "John", lang: "JS" }, function(i, n){ ; });
结果为:

Name:name, Value:John

Name:lang, Value:JS

 

方法3:

$.extend({

min:function(a, b){return a< b?a:b; },

max:function(a, b){return a> b?a:b; }

});//为jquery扩展了min,max两个方法

使用扩展的方法(通过“$.方法名”调用):

"min="+$.min(10,20));

 

方法4:

hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。

//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){

$(this).addClass("over");

},

 function(){

$(this).addClass("out");

 });

 

方法5:

toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。

//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){

$(this).addClass("selected");

 },

function(){

$(this).removeClass("selected");

});

posted @ 2011-10-18 16:51  风一样的大叔  阅读(219)  评论(0编辑  收藏  举报