当前位置: 代码迷 >> Web前端 >> jquery惯用方法
  详细解决方案

jquery惯用方法

热度:53   发布时间:2012-07-29 15:26:14.0
jquery常用方法

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

2.$.each(obj, fn): 通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。


3.$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
等价于:

Javascript代码 ?收藏代码
  1. var ?tempArr=[0,1,2];??
  2. for ( var ?i=0;i<tempArr.length;i++){??
  3. ???????alert("Item?#" +i+ ":?" +tempArr[i]);??
  4. }??


也可以处理json数据,如

Javascript代码 ?收藏代码
  1. $.each(?{?name:? "John" ,?lang:? "JS" ?},? function (i,?n){?alert(? "Name:?" ?+?i?+? ",?Value:?" ?+?n?);?});??

结果为:

引用
Name:name, Value:John
Name:lang, Value:JS



4.$.extend(target,prop1,propN): 用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。
如:
$.extend(settings, options);??????
//合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在setting中。

Javascript代码 ?收藏代码
  1. var ?settings?=?$.extend({},?defaults,?options);??


//合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数(合并多项并返回)

5.$.map(array, fn): 数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中,并返回生成的新数组。
如:

Javascript代码 ?收藏代码
  1. var ?tempArr=$.map(?[0,1,2],? function (i){? return ?i?+?4;?});??


tempArr内容为:[4,5,6]

Javascript代码 ?收藏代码
  1. var ?tempArr=$.map(?[0,1,2],? function (i){? return ?i?>?0???i?+?1?:? null ;?});??


tempArr内容为:[2,3]

6.$.merge(arr1,arr2): 合并两个数组并删除其中重复的项目。
如:

Javascript代码 ?收藏代码
  1. $.merge(?[0,1,2],?[2,3,4]?)??????? //返回[0,1,2,3,4] ??



7.$.trim(str): 删除字符串两端的空白字符。
如:

Javascript代码 ?收藏代码
  1. $.trim( "??hello,?how?are?you????" );???? //返回"hello,how?are?you??" ??
声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
  相关解决方案