JQuery工具函数汇总

 更新时间:2015年06月15日 11:10:49   投稿:hebedich  
jquery为我们提供了操作数组和对象的工具函数,方便和简化了我们对它们的操作。今天我们就进入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指向会有问题(会调用触发的对象)

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

相关文章

  • Jquery之datagrid查询详解

    Jquery之datagrid查询详解

    接下来将从前台提交查询条件,从MSSQL返回json数据的一个事例来讲解一下datagrid动态查询数据,感兴趣的你可不要错过了哈,希望本文可以帮助到你
    2021-09-09
  • jQuery代码性能优化的10种方法

    jQuery代码性能优化的10种方法

    之前,我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到另一个影响网站性能的部分--CPU利用率。使用 jQuery和其他JavaScript框架,使节点选择和DOM操作变得越来越容易,如果使用不当,有可能影响整个网页的响应速度。
    2016-06-06
  • jquery 中ajax执行的优先级

    jquery 中ajax执行的优先级

    本文给大家讲述的是个人再做用户注册的时候遇到的ajax执行优先级的问题,以及在网友们的帮助下,解决此问题的全过程,这里记录下来,分享给大家。
    2015-06-06
  • 一个实用的图片切换支持点击切换和自动轮播

    一个实用的图片切换支持点击切换和自动轮播

    这篇文章主要介绍了一个实用的图片切换支持点击切换和自动轮播,经测试效果相当不错,需要的朋友可以参考下
    2014-09-09
  • jQuery实现优雅的弹窗效果(6)

    jQuery实现优雅的弹窗效果(6)

    这篇文章主要为大家详细介绍了jQuery实现优雅弹窗效果 的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 基于Bootstrap+jQuery.validate实现Form表单验证

    基于Bootstrap+jQuery.validate实现Form表单验证

    这篇文章主要介绍了基于Bootstrap+jQuery.validate实现Form表单验证,需要的朋友可以参考下
    2014-12-12
  • jquery聚焦文本框与扩展文本框聚焦方法

    jquery聚焦文本框与扩展文本框聚焦方法

    在不同的浏览器中,一个文本框,如果只是直接给文本框设置focus(),那么光标聚焦的位置可能是在最前面。下面的代码则是给jquery扩展一个textFocus方法
    2012-10-10
  • jquery实现图片轮播和滑动效果

    jquery实现图片轮播和滑动效果

    这篇文章主要为大家详细介绍了jquery实现图片轮播和滑动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • 使用基于jquery的gamequery插件做JS乒乓球游戏

    使用基于jquery的gamequery插件做JS乒乓球游戏

    现在jquery比较流行,用js做游戏的也越来越多了,虽然现在html5出来了,但实际上要用html5做点啥出来还是得靠javascript,所以学好js是非常重要的
    2011-07-07
  • jQuery实现菜单的显示和隐藏功能示例

    jQuery实现菜单的显示和隐藏功能示例

    这篇文章主要介绍了jQuery实现菜单的显示和隐藏功能,结合实例形式分析了jQuery基于事件响应及css方法动态改变菜单样式的相关操作技巧,需要的朋友可以参考下
    2018-07-07

最新评论