您的位置:首页 > Web前端 > JQuery

JQuery的一些工具函数

2008-12-10 13:49 302 查看
jQuery.browser得到一个对象可以显示浏览器的信息

<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
alert('您用得是不是ie浏览器? '+$.browser.msie);
alert('您用得是不是safari浏览器? '+$.browser.safari);
alert('您用得是不是opera浏览器? '+$.browser.opera);
alert('您用得是不是mozilla浏览器? '+$.browser.mozilla);
alert('您用得是不是aa浏览器? '+$.browser.aa);
</script>

分别将出现写列警示框

您用得是不是ie浏览器? true

您用得是不是safari浏览器? false

您用得是不是opera浏览器? false

您用得是不是mozilla浏览器? false

您用得是不是aa浏览器? undefined

jQuery.browser.version读取用户浏览器的版本信息

例子:

if ( $.browser.msie ){
alert( $.browser.version );
}

if (jQuery.browser.msie) {
alert(parseInt(jQuery.browser.version));
}

jQuery.boxModel检测用户浏览器针对当前页的显示是否基于W3C CSS的盒模型 返回boolean值

jQuery.isFunction( obj )检测传递的参数是否为function

jQuery.trim( str )清除字符串两端的空格,使用正则表达式来清除给定字符两端的空格

jQuery.each( object, callback )用来迭代对象和数组,属性(对象)或索引(数组)作为第一个参数,其值作为第二个参数。

如果你希望在某次迭代后跳出循环,那么可以利用函数返回false来结束迭代,其后的值将被忽略,不予执行。

jQuery.extend( target, object1, [objectN] )扩展一个对象,修改原来的对象并返回 ,这是一个强大的实现继承的工具,这种继承是采用传值的方法来实现的,而不是JavaScript中的原型链方式。

例子:

合并settings和options对象,返回修改后的settings对象

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);

注意:合并后setting对象其实已经被改变了,他和options的相同属性已经被options的值给覆盖了

var empty = {}
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = $.extend(empty, defaults, options);

合并defaults和options对象,defaults对象并没有被修改。options对象中的值代替了defaults对象的值传递给了empty。

jQuery.grep( array, callback, [invert] )这个方法通过一个筛选函数把数组中的元素去除掉

第一个函数是要进行筛选的数组,第二个函数是筛选方法,如果没有第三个参数的话则在callback返回为true的时候保留此项,如果有第三个参数则保留的元素在callback的返回值中只有跟第三个值一样的时候才会被保留,callback有两个参数,第一个是元素值,第二个是数组的序号

jQuery.makeArray( obj )将一个类似数组的对象转化为一个真正的数组

类似数组的对象有一个length属性,对象的属性编号为0到length-1。如果使用了jQuery对象,那么就具备了这个属性

jQuery.map( array, callback )使用某个方法修改一个数组中的项,然后返回一个新的数组

callback用于处理数组中的所有项。传递的参数为数组项,第一个参数是此项的值,第二个参数是此项在数组中的索引。此函数会返回一个转换后的值,如果为‘null’,则移除此项,其它的返回值则添加到数组中。

jQuery.inArray( value, array )返回value在数组中的位置,如果没有找到,则返回-1 ,参数value可以为任意类型

jQuery.unique( array )删除数组中的所有重复元素,返回整理后的数组
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: