JQuery工具函数汇总


Posted in Javascript onJune 15, 2015

在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指向会有问题(会调用触发的对象)

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

Javascript 相关文章推荐
JavaScript.The.Good.Parts阅读笔记(二)作用域&闭包&减缓全局空间污染
Nov 16 Javascript
js获取url参数值的两种方式
Sep 10 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
Nov 05 Javascript
Js遍历键值对形式对象或Map形式的方法
Aug 08 Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
Vue分页组件实例代码
Apr 17 Javascript
React组件refs的使用详解
Feb 09 Javascript
10分钟上手vue-cli 3.0 入门介绍
Apr 04 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
原生js实现模拟滚动条
Jun 15 #Javascript
jquery插件unobtrusive实现片段式加载
Jun 15 #Javascript
js预加载图片方法汇总
Jun 15 #Javascript
jquery实现兼容IE8的异步上传文件
Jun 15 #Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 #Javascript
jQuery实现自动调整字体大小的方法
Jun 15 #Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 #Javascript
You might like
php设计模式 Visitor 访问者模式
2011/06/28 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
Zend的AutoLoad机制介绍
2012/09/27 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
PHP实现支持GET,POST,Multipart/form-data的HTTP请求类
2014/09/24 PHP
PHP页面跳转实现延时跳转的方法
2016/12/10 PHP
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
JavaScript优化以及前段开发小技巧
2017/02/02 Javascript
性能优化之代码优化页面加载速度
2017/03/01 Javascript
JavaScript html5 canvas实现图片上画超链接
2017/10/20 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
vue+elementUI实现图片上传功能
2019/08/20 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
Python实现统计单词出现的个数
2015/05/28 Python
python Django框架实现自定义表单提交
2016/03/25 Python
使用python实现个性化词云的方法
2017/06/16 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
使用Python的datetime库处理时间(RPA流程)
2019/11/24 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
keras 读取多标签图像数据方式
2020/06/12 Python
python打包多类型文件的操作方法
2020/09/21 Python
Django实现随机图形验证码的示例
2020/10/15 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
利用HTML5 Canvas制作一个简单的打飞机游戏
2015/05/11 HTML / CSS
应聘教师推荐信
2013/10/31 职场文书
优秀毕业大学生推荐信
2013/11/13 职场文书
销售人员管理制度
2015/08/06 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
Python一行代码实现自动发邮件功能
2021/05/30 Python
python 学习GCN图卷积神经网络
2022/05/11 Python