博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 工具函数
阅读量:5840 次
发布时间:2019-06-18

本文共 2594 字,大约阅读时间需要 8 分钟。

工具函数是指直接依附于 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+'
'); }); //$.each()遍历对象 $.each($.ajax(),function(name,fn){ $('#box').html($('#box').html()+name+'.'+'
'); }) //注意:$.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 元素
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。

转载于:https://www.cnblogs.com/Waiting-for-you/p/4179134.html

你可能感兴趣的文章
C++ primer plus
查看>>
python mysqlDB
查看>>
UVALive 3942 Remember the Word Tire+DP
查看>>
从微软的DBML文件中我们能学到什么(它告诉了我们什么是微软的重中之重)~目录...
查看>>
被需求搞的一塌糊涂,怎么办?
查看>>
c_数据结构_队的实现
查看>>
jquery 选择器总结
查看>>
Qt设置背景图片
查看>>
【阿里云文档】常用文档整理
查看>>
java中的Volatile关键字
查看>>
前端自定义图标
查看>>
实验二
查看>>
独立开发一个云(PaaS)的核心要素, Go, Go, Go!!!
查看>>
网站文章如何能自动判定是抄袭?一种算法和实践架构剖析
查看>>
【OpenCV学习】滚动条
查看>>
ofo用科技引领行业进入4.0时代 用户粘性连续8个月远甩摩拜
查看>>
兰州青年志愿者“中西合璧”玩快闪 温暖旅客回家路
查看>>
计划10年建10万廉价屋 新西兰政府:比想象中难
查看>>
甘肃发首版《3D打印职业教育教材》:校企合作育专才
查看>>
为找好心人抚养孩子 浙江一离婚父亲将幼童丢弃公园
查看>>