jQuery 工具函数

工具函数是指直接依附于 jQuery 对象,针对 jQuery  对象本身定义的方法,即全局性的函数。它的作用主要是提供比如字符串、数组、对象等操作方面的遍历。

一.字符串操作

在 jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数: $.trim()

//$.trim()去掉字符串两边空格
var str=‘ jQuery ‘;
alert(str);
alert($.trim(str));  

二.数组和对象操作

jQuery 为处理数组和对象提供了一些工具函数,这些函数可以便利的给数组或对象进行 遍历、筛选、搜索等操作。

//$.each()遍历数组
var arr=[‘红红‘, ‘灰灰‘,‘大赵‘, ‘小赵‘];
$.each(arr,function(index,value){
    $(‘#box‘).html($(‘#box‘).html()+index+‘.‘+value+‘<br/>‘);
});  

//$.each()遍历对象
$.each($.ajax(),function(name,fn){
    $(‘#box‘).html($(‘#box‘).html()+name+‘.‘+‘<br/><br/>‘);
})
//注意:$.each()中 index 表示数组元素的编号,默认从 0 开始。  

//$.grep()数据筛选
var arr=[5,2,9,4,11,57,89,1,23,8];
var arrGrep=$.grep(arr,function(element,index){
    return element < 6 && index < 5;
});
alert(arrGrep);  

//注意:$.grep()方法的 index 是从 0 开始计算的。  

//$.map()修改数据
var arr=[5,2,9,4,11,57,89,1,23,8];
var arrMap =$.map(arr,function(element,index){
    if(element < 6 && index < 5){
        return element+1;
    }
});
alert(arrMap);  

//$.inArray()获取查找到元素的下标
var arr=[5,2,9,4,11,57,89,1,23,8];
var arrInArray=$.inArray(1,arr);
alert(arrInArray);  

注意:$.inArray()的下标从 0 开始计算。  

//$.merge()合并两个数组
var arr=[5,2,9,4,11,57,89,1,23,8];
var arr2=[23,2,89,3,6,7];
alert($.merge(arr,arr2));  

//$.unique()删除重复的 DOM 元素
<div></div>
<div></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div></div>
var divs=$(‘div‘).get();
divs=divs.concat($(‘.box‘).get());
alert($(divs).size());
$.unique(divs);
alert($(divs).size());  

//.toArray()合并多个 DOM 元素组成数组 alert($(‘li‘).toArray()); 

三.测试操作

在 jQuery 中,数据有着各种类型和状态。有时,我们希望能通过判断数据的类型和状 态做相应的操作。jQuery 提供了五组测试用的工具函数。


//判断是否为数组对象
var arr=[1,2,3];
alert($.isArray(arr));  

//判断是否为函数
var fn=function(){};
alert($.isFunction(fn));  

//判断是否为空对象
var obj={};
alert($.isEmptyObject(obj));  

//判断是否由{}或 newObject()创造出的对象
var obj=window;
alert($.isPlainObject(obj));  

注意:如果使用 newObject(‘name‘);传递参数后,返回类型已不是 Object,而是字符串, 所以就不是纯粹的原始对象了。  

//判断第一个 DOM 节点是否含有第二个 DOM 节点
alert($.contains($(‘#box‘).get(0),$(‘#pox‘).get(0)));  

//$.type()检测数据类型
alert($.type(window));  

//$.isNumeric 检测数据是否为数值
alert($.isNumeric(5.25));  

//$.isWindow 检测数据对象是否为 window 对象
alert($.isWindow(window));
四.URL操作

//$.param()将对象键值对转换为 URL 字符串键值对
var obj={ name:‘Lee‘, age:100 };
alert($.param(obj));   

五.浏览器检测

由于在早期的浏览器中,分 IE 和 W3C 浏览器。而 IE678 使用的覆盖率还很高,所以, 早期的 jQuery 提供了$.browser 工具对象。而现在的 jQuery 已经废弃删除了这个工具对象, 如果还想使用这个对象来获取浏览器版本型号的信息,可以使用兼容插件


//获取火狐浏览器和版本号
alert($.browser.mozilla+‘:‘+$.browser.version);  

注意:火狐采用的是 mozilla 引擎,一般就是指火狐;而谷歌 Chrome 采用的引擎是 webkit,一般验证 Chrome 就用 webkit。
时间: 2024-10-12 13:39:09

jQuery 工具函数的相关文章

从零开始学习jQuery (九) jQuery工具函数

原文:从零开始学习jQuery (九) jQuery工具函数 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQ

jQuery工具函数

一.$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游. mozilla mozilla相关浏览器则返回true,否则返回false,如火狐 safari    safari相关浏览器则返回true,否则返回false,如safari opera   opera相关浏览器则返回true,否则返回false,如opera msie msie相关浏览器则返回true,否则返回false,如IE,360,搜狗 ver

JQuery工具函数汇总

在jQuery中,工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的,我们统称为工具函数,或Utilites函数 主要作用于:字符串.数组.对象 API:工具函数 调用格式: $.函数名()或jQuery.函数名() 字符串操作: $.trim():去除字符串左右两边的空格 数组和对象操作: $.each():遍历数组 $.each(array,function(index,value){}):array:数组变量,index:元素下标,从0开始,value:

jquery 源码学习(四)构造jQuery对象-工具函数

jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:[email protected] 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 读读写写,不对的地方请告诉我,多多交流共同进步,本章的的PDF等本章写完了发布. jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451,想系统的好好写写,目前还是从我感兴趣的部分开始,如果大家有对哪

第一百七十五节,jQuery,工具函数

jQuery,工具函数 学习要点: 1.字符串操作 2.数组和对象操作 3.测试操作 4.URL 操作 5.浏览器检测 6.其他操作 工具函数是指直接依附于 jQuery 对象,针对 jQuery 对象本身定义的方法,即全局性 的函数.它的作用主要是提供比如字符串.数组.对象等操作方面的遍历. 一.字符串操作 在 jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数: trim()去掉字符串两边空格 var str = ' jQuery '; alert(str); al

jQuery使用工具函数

1. 什么是工具函数 在jQuery中,工具函数是指直接依附于jQuery对象.针对jquery对象本身定义的说法,即全局性的函数,我们统称为工具函数,或Utilities函数.它们有一个明显的特征,一般情况下,采用如下的格式进行调用: $.函数名()或jquery.函数() 2.工具函数的分类 根据工具函数处理对象的不同,可以将其分为下列几大类别:浏览器的检测.数组和对象的操作.字符串操作.测试操作.URL操作. 1)浏览器的检测 在浏览器检测中,又可分为浏览器类型与特征的检测,前者获取浏览器

JQuery中的工具函数总结

前提引入 前提当然也是要引入Jquery啦... <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 工具方法 ①获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.

jquery学习随笔(工具函数)

在jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数:$.trim(). //$.trim()去掉字符串两边空格 var str = ' jQuery '; alert(str); alert($.trim(str)); jQuery 为处理数组和对象提供了一些工具函数,这些函数可以便利的给数组或对象进行遍历.筛选.搜索等操作. //$.each()遍历数组 var arr = ['张三', '李四', '王五', '马六']; $.each(arr, function

jQuery实用工具函数总结

一.数组和对象操作 1. $.each——遍历 $.each(obj,function(param1,param2))遍历数组时:param1为元素序号,param2为元素内容:遍历对象时:param1为元素属性名,param2为元素属性值. 例如:①遍历数组: $(function () { var arrStu = { "张三:": "60", "李四:": "70", "王二:": "80&