JQuery工具函数汇总

在jQuery中,工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的,我们统称为工具函数,或Utilites函数

主要作用于：字符串、数组、对象

API:工具函数

调用格式:
  $.函数名()或jQuery.函数名()

字符串操作：

　　$.trim()：去除字符串左右两边的空格

数组和对象操作：

　　$.each()：遍历数组

　　　　$.each(array,function(index,value){})：array:数组变量，index:元素下标，从0开始，value:元素值

　　$each()：遍历对象

　　　　$each(object,function(name,value){})：object:对象，name:属性名，value:属性值

　　$.grep()：数据筛选：返回一个经过筛选后的数组

　　$.map()：修改数据

　　$.inArray()：查找元素的下标

　　　　$.inArray(value,array)：value:元素值，array:查找的数组，返回元素在数组中的下标，从0开始

　　$.merge()：合并两个数组

　　　　$.merge(array1,array2)：将第二个数组加到第一个数组后面

　　$.unique()：去除重复DOM元素

　　　　$.unique(dom)：dom:DOM元素

　　selector.toArray()：合并多个DOM元素为数组，返回数组元素的 innerHTML

测试操作：，返回boolean

　　$.isArray()：判断是否为数组对象，返回boolean

　　　　$.isArray(object)：object:被判断的对象

　　$.isFunction()：判断是否为函数，返回boolean

　　　　$.isFunction(object)：object:被判断的对象

　　$.isEmptyObject()：判断是否为空对象，返回boolean

　　　　$.isEmptyObject(object)：object：被判断的对象

　　$.isPlainObject()：判断是否为纯粹对象，返回boolean

　　　　纯粹对象：由{}或new Object()创造的对象，如“var obj = {}”或“var obj = new Object()”

　　$.contains()：判断DOM节点是否包含另一个DOM节点

　　　　$.contains(dom1,dom2)：dom1节点是否包含dom2节点

　　$.type()：输出数据类型，返回对象的数据类型

　　$.isNumeric()：判断是否为数值类型

　　$.isWindow()：判断是否为Window对象

　　　　Window对象：表示浏览器中打开的窗口

URL操作：

　　$param()：将对象的键值对转化为URL键值对字符串形式

　　　　$param(object)：object:需要转化的对象

浏览器操作：已弃用

其他操作：

　　$.proxy()：调整this的指向

　　　　外部事件触发调用对象方法时，this指向会有问题（会调用触发的对象）

以上所述就是本文的全部内容了，希望大家能够喜欢。

赞 (0)

相关推荐

  • 实例解析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,搜狗

  • jQuery 工具函数学习资料

    URL 字符串操作 数组和对象操作 测试操作 浏览器 1:URL操作: $.param(obj) 返回 :string: 说明:将jquery对象按照name/value 或者key/value序列化为URL参数,用&连接. 示例: var obj ={name:zh,age:20}; alert(jQuery.param(obj)); //alert "name=zh&age=20"; 2:字符串操作: jQuery.trim(str) 返回:string: 说明:去

  • jQuery源码分析-03构造jQuery对象-工具函数

    作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 读读写写,不对的地方请告诉我,多多交流共同进步,本章的的PDF等本章写完了发布. jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451,想系统的好好写写,目前还是从我感兴趣的部分开始,如果大家有对哪个模块感兴趣的,建议优先分析的,可以告诉我,一起学习. 3.4 其他静态工具函数

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

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

    一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就是数组和对象的操作. jQuery工具函数为我们操作对象和数组提供了便利条件. 二.前言 大部分人仅仅使用jQuery的选择器选择对象, 或者实现页面动画效果. 在处理业务逻辑时常常自己编写很多算法. 本文提醒各位jQuery也能提高我们操作对象和数组的效率. 并且可以将一些常用算法扩充到jQuer

  • JQuery 操作Javascript对象和数组的工具函数小结

    JQuery操作非集合数组函数 $.trim(value) 这个函数很简单,从value中删除任何前导或尾随的空白字符.空白字符为任何匹配Javascript正则表达式\s的任何字符.包括空格.换页.换行.回车.tab.垂直指标符等. $.each(container, callback) 对container的每一项进行迭代,为每一项调用回调函数callback. container 可以是对象或数组.如果是js对象,则迭代其每个属性:如果是数组,则迭代其每个元素. callback 回调函数

  • JQuery工具函数汇总

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

  • JavaScript常用工具函数汇总（浏览器环境）

    前端业务中比较常用的JavaScript工具函数,浏览器环境常用,可直接拷贝在项目里使用.这里统一整理,方便查阅,本文章会持续更新. 一.file转为base64 /** * file转为base64 * @param {*} file file对象 * @param {*} callback */ export const fileToDataURL = (file, callback) => { let freader = new FileReader(); freader.readAsDa

  • jquery常用函数与方法汇总

    1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery 1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).anima

  • JavaScript常用工具函数库汇总

    对象或数组的深拷贝 /** * 对象或数组的深拷贝 * @param {*} cloneObj 被克隆的对象 * @param {*} targetObj 克隆的目标对象 * @param {*} isOverride 若属性重复,是否覆盖被克隆对象的属性 */ function deepClone(cloneObj, targetObj, isOverride = true) { const _toString = Object.prototype.toString if (_toString

  • js实现的光标位置工具函数示例

    本文实例讲述了js实现的光标位置工具函数.分享给大家供大家参考,具体如下: 这里介绍的一款textarea中光标位置工具函数的例子. html代码: <p>文本框:</p> <textarea name="" id="textarea" cols="30" rows="10"> sASASADASDasfaDFDsfsDFAfdFADf </textarea> <butto

  • jQuery 1.9.1源码分析系列（十四）之常用jQuery工具

    为了给下一章分析动画处理做准备,先来看一下一些工具.其中队列工具在动画处理中被经常使用. jQuery.fn. queue(([ queueName ] [, newQueue ]) || ([ queueName ,] callback ))(获取或设置当前匹配元素上待执行的函数队列. 如果当前jQuery对象匹配多个元素:获取队列时,只获取第一个匹配元素上的队列:设置队列(替换队列.追加函数)时,则为每个匹配元素都分别进行设置.如果需要移除并执行队列中的第一个函数,请使用dequeue()函

随机推荐