jquery几个的一些有用的小函数:
有了trim这个函数,遇到空格再也不用自己去实现一遍了
$.trim(str)
jQuery Code
Result:"hello, how are you?"
还在用冗长的脚本去判断当前的浏览器是什么吗?不用了,使用$.browser
$.browser 返回bool,包含的枚举值有 $.browser.safari, opera, msie, mozilla ,
操作数组的一些函数:
$.each和$().each很像,可以吧$.each()看成静态方法,而$().each则是实例方法,$.each()的用法如下:
比较有意思的是下面这种用法:
能把属性名i和属性值n打印出来,呵呵,多好的一门动态语言
$.grep() 熟悉linux的开发人员肯定喜欢这个函数,很清晰的用法:
可以吧$.map()和$.each做个比较,map有返回值,map的方向是根据一个数组的值得到另一个数组,而each你return了也不会有什么不同
$.merge()很有用的一个函数,尤其是你在做选择合并的时候
$.extend()这个函数很想一些语言里的类派生的关键字,也确实可以这么用,把这个函数用于对象复制也很好用:
Query Code
好好使用jquery提供的这些函数,确实能够给我们带来很大的方便,不要光把玩于一些效果类的插件,实用的才是最好的
有了trim这个函数,遇到空格再也不用自己去实现一遍了
$.trim(str)
jQuery Code
$.trim(" hello, how are you? ");
Result:"hello, how are you?"
还在用冗长的脚本去判断当前的浏览器是什么吗?不用了,使用$.browser
$.browser 返回bool,包含的枚举值有 $.browser.safari, opera, msie, mozilla ,
操作数组的一些函数:
$.each和$().each很像,可以吧$.each()看成静态方法,而$().each则是实例方法,$.each()的用法如下:
$.each( [0,1,2], function(i, n)
{ alert( "Item #" + i + ": " + n );});
{ alert( "Item #" + i + ": " + n );});
比较有意思的是下面这种用法:
$.each( { name: "John", lang: "JS" }, function(i, n)
{ alert( "Name: " + i + ", Value: " + n );});
{ alert( "Name: " + i + ", Value: " + n );});
能把属性名i和属性值n打印出来,呵呵,多好的一门动态语言
$.grep() 熟悉linux的开发人员肯定喜欢这个函数,很清晰的用法:
$.grep( [0,1,2], function(i){ return i > 0;});
可以吧$.map()和$.each做个比较,map有返回值,map的方向是根据一个数组的值得到另一个数组,而each你return了也不会有什么不同
$.map( [0,1,2], function(i)
{ return i + 4;});
{ return i + 4;});
$.merge()很有用的一个函数,尤其是你在做选择合并的时候
var array = [3,2,1];
$.merge( array, [4,3,2] )
$.merge( array, [4,3,2] )
$.extend()这个函数很想一些语言里的类派生的关键字,也确实可以这么用,把这个函数用于对象复制也很好用:
Query Code
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend({}, defaults, options);
//Result:
settings == { validate: true, limit: 5, name: "bar" }
var options = { validate: true, name: "bar" };
var settings = jQuery.extend({}, defaults, options);
//Result:
settings == { validate: true, limit: 5, name: "bar" }
好好使用jquery提供的这些函数,确实能够给我们带来很大的方便,不要光把玩于一些效果类的插件,实用的才是最好的