jQuery学习之三---工具
本博文会挑选一些比较重要的内容进行分析解释,恭迎大家观看哦,加油,一起学习!!
数组和对象操作
1、$.each(object,[callback])
通用例遍方法,可用于例遍对象和数组。
回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。
不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。
//遍历数组
$.each([2017,11,25],function(i,n)){console.log(i,n);//0,2017 1,11 2,25
}
//遍历对象
$.each({name:"pingzi",sex:"girl"},function(i,n)){console.log(i,n);//0,pingzi 1,girl
}
2、$.grep(array,callback,[invert])
使用过滤函数过滤数组元素。
此函数的前两个参数是必选的:待过滤数组和过滤函数callback,此函数将处理数组每个元素。第一个参数为当前元素,第二个参数为元素索引值。此函数应返回一个布尔值,返回true以保留元素,false以删除元素。
invert,是决定grep函数返回值的。默认为false,这个时候grep函数返回符合过滤函数return条件的新数组,就是删除了不符合条件的元素的新数组
$.grep([0,1,2],function(n,i){return n>0;
})
//[1,2]
当invert设置为true时,grep函数返回被过滤掉的元素数组,内容是被删除的元素
$.grep([2017,11,25],function(n,i){return n>1;
},true)
//[0,1]
3、$.map(arr|obj,callback)
将一个数组中的元素转换到另一个数组中。
通俗的说,就是把一个数组里面的元素,通过callback进行操作之后,返回一个新数组的过程。
//将原数组中每个元素+4转换成一个新数组
$.map([0,1,2],function(n){return n+4;
});
//[4,5,6]//原数组中每个元素扩展为一个包含本身和其值+1的数组,并转换为一个新的数组//哎呦好气哦,这个题目为啥子一定要说的这么洋气,其实不就是返回数组本身和其本来的元素+1的数组嘛,有毛病哦
$.map([0,1,2],function(n){return [n,n+1];
});
//[0,1,1,2,2,3]
4、$.inArray(val,arr)
参一:查找的内容
参二:待处理的数组
确定第一个参数在数组中的位置,从0开始计数,如没找到返回-1
var arr = ["pingzi",7,8,"child"];
$.inArray("pingzi",arr);0
$.inArray(9,arr);//-1
5、$.toArray()
把jq集合中所有的DOM元素转化为一个数组
<li>1</li>
<li>2</li>
<li>3</li>
$("li").toArray();//[<li>1</li>,<li>2</li>,<li>3</li>]
6、$.merge(fir,sec)
合并两个数组,返回结果会修改第一个数组的内容,第二个数组的元素加在第一个数组元素后面。
$.merge( [0,1,2], [2,3,4] );//[0,1,2,2,3,4]
测试操作
7、$.contains(container,contained)
一个DOM节点是否包含另一个DOM节点
container:DOM元素作为容器,可以包含其他元素
contained:DOM节点,可能被其他元素所包含
//检测一个元素是否包含另一个元素
$.contains(document.documentElement,document.body);//true
$.contains(document.body,document.documentElement);//false
8、$.type(obj)
检测obj的数组类型
jQuery.type(true) === "boolean"
jQuery.type(3) === "number"
jQuery.type("test") === "string"
jQuery.type(function(){}) === "function"
jQuery.type([]) === "array"
jQuery.type(new Date()) === "date"
jQuery.type(/test/) === "regexp"
9、$.isFunction(obj)
检测obj是不是函数
10、 $.isEmptyObject(obj)
jQuery 1.4 新增。测试对象是否是空对象(不包含任何属性)。
jQuery 1.4 中,这个方法既检测对象本身的属性,也检测从原型继承的属性
$.isEmptyObject({}) // true
$.isEmptyObject({ foo: "bar" }) // false
11、 $.isWindow(obj)
测试对象是否是窗口(有可能是Frame)。
12、 $.isNumeric(value)
确定它的参数是否是一个数字。
$.isNumeric() 方法检查它的参数是否代表一个数值。如果是这样,它返回 true。否则,它返回false。该参数可以是任何类型的
字符串操作
13、$.trim(str)
去掉字符串起始和结尾的空格
$.trim(" hello, how are you? ");
//"hello, how are you?"
插件编写
14、 $.fn.jquery
代表 jQuery 版本号的字符串。
//取得页面上当前使用的 jQuery 的版本号。
alert( 'You are running jQuery version: ' + $.fn.jquery );
jQuery学习之三---工具相关推荐
- 推荐JQuery学习简介
"从零学习jQuery"系列教程收到了很多人喜欢, 也完成了一本介绍jQuery的书: "jQuery风暴" 在这里向大家郑重推荐这本书. 写书的时候jQuer ...
- jQuery学习笔记系列(三)——事件注册、事件处理、事件对象、拷贝对象、多库共存、jQuery插件、toDoList综合案例
day03 - jQuery 学习目标: 能够说出4种常见的注册事件 能够说出 on 绑定事件的优势 能够说出 jQuery 事件委派的优点以及方式 能够说出绑定事件与解绑事件 能够说出 jQuery ...
- JavaScript程序库jQuery学习笔记分享(二)jQuery对象和DOM操作,和其他js库冲突处理
今天我继续更新jQuery学习笔记,最近考试比较忙,也就更新的比较慢了,这里向大家说一声抱歉,嘻嘻. 让那不愉快的情绪过去吧,继续进行我们的jQuery之旅吧. 一:jQuery对象和DOM对象 1. ...
- jquery学习笔记及常用函数封装
二.JQuery 学习笔记及常用函数封装 https://download.csdn.net/download/weixin_42530002/13087988 1.JQuery入门 (1).css选 ...
- Linux学习之三-Linux系统的一些重要配置文件
Linux学习之三-Linux系统的一些重要配置文件 1.网卡配置文件 /etc/sysconfig/network-scripts/ifcfg-eth0 说明: DEVICE=eth0 ...
- 分享五款java学习辅助工具,总有你用的上的~
想要学好java技术,除了自身的努力,辅助工具也不缺少,辅助工具可以帮助大家在今后的工作中可以提高工作效率,下面小编就来分享五款java学习辅助工具,总有你用的上的~ 五款java学习辅助工具: 1. ...
- matlab矩阵运算_MATLAB基础学习之三种基本运算
MATLAB学习之三种运算 MATLAB软件 一.基本算数运算 在MATLAB中有两种矩阵运算:右除/和左除.如果A矩阵是非奇异方阵,则B/A等效于B*inv(A),AB等效于inv(A)*B.注:i ...
- TensorRT是NVIDIA开发的深度学习推理工具,只支持推理,不支持训练 引
. TensorRT是NVIDIA开发的深度学习推理工具,只支持推理,不支持训练: 目前TensorRT3已经支持Caffe.Caffe2.TensorFlow.MxNet.Pytorch等主流深 ...
- jQuery学习入门总结之css()和addClass()的不同
jQuery学习入门之css()和addClass()的不同 这两天研究jQuery的,刚刚开始入门,从昨天开始呢,就发现一个方法addClass的,教程里有一个方法是这样写的 $(docum ...
最新文章
- 基础知识(三)-网络
- qq第三方登录注册php,QQ第三方登录PHP
- shopify二次开发教程_详细教程:如何将Shopify的Storefront API与React和Redux结合使用...
- 2017.9.5 postgresql加密函数的使用
- 简单英文题 16 Maximum Sum Not Exceeding K(python)
- 文本分类模型_多标签文本分类、情感倾向分析、文本实体抽取模型如何定制?...
- PHP的password_hash()使用实例
- u-boot移植随笔:自定义u-boot命令点灯
- 【微软黑科技一周概览】
- 活动报名 | 2017无人驾驶智能车Hackathon挑战赛
- 边开发就能边测试?一招教你在linux服务器配置Jenkins持续集成神器
- BlocksKit源码分析(一)
- 在ubuntu上搭建开发环境1---在windows7的基础上在安装ubuntu(双系统)
- 测试 jdbc 中连接关闭的时机
- iOS开发-OC语言 (七)继承、多态、类别
- python处理access数据库教程_Python操作Access数据库基本操作步骤分析
- 最常用的四种大数据分析方法
- 1、系统需求分析与可行性分析(System Requirement Analysis and Feasibility Analysis)
- VBA下载糗事百科图片
- 创维电视安装第三方app
热门文章
- 第三次IT浪潮将使白领收入成倍不均-信息革命
- 信用更正和贷方剩余数量
- 二分答案——yyy2015c01 的 U 盘(洛谷 P2370)
- 算法笔记之——快速幂
- 张小龙Linux微信,微信至今没有黑暗模式,原来是张小龙“全责”?
- android 字符串转字节数组,java – 在Android中将字节数组转换为Charsequence
- java启动器在bin目录_org.iipg.starter
- python数据可视化雷达图程序_Python数据可视化之matplotlib
- Oracle 20c 新特性:基础级内存数据库免费功能 In-Memory Base Level
- 实战演练丨SCN太大引发ORA-600[2252]