示例
// 查看对应元素的位置 var arr = [ 4, "Pete", 8, "John" ]; jQuery.inArray("John", arr); //3 jQuery.inArray(4, arr); //0 jQuery.inArray("David", arr); //-1 jQuery.inArray("Pete", arr, 2); //-1 2.6 合并数组方法merge语法：jQuery.merge(first,second)
概述
合并两个数组返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。要去除重复项，请使用$.unique()
参数
示例
// 合并两个数组到第一个数组上。 $.merge( [0,1,2], [2,3,4] ) // 结果: // [0,1,2,2,3,4]语法：jQuery.unique(array)
概述
删除数组中重复元素。只处理删除DOM元素数组，而不能处理字符串或者数字数组。
示例
// 删除重复 div 标签。 $.unique(document.getElementsByTagName("div")); // 结果: // [<div>, <div>, ...]语法：jQuery.extend([deep], target, object1, [objectN])
概述
用一个或多个其他对象来扩展一个对象，返回被扩展的对象。如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共享结构。 未定义的属性将不会被复制，然而从对象的原型继承的属性将会被复制。
参数
示例
// 合并 settings 和 options，修改并返回 settings。 var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend(settings, options); // 结果: // settings == { validate: true, limit: 5, name: "bar" }上课代码
// 深拷贝 var target = {name: 'laoma'}; var obj1 = {age: 18, cellphone: '18911865673', mail: 'malun666@126.com'}; var p1 = {k: 123, m: 'abc'}; var obj2 = {run: function() { console.log(1); }, p: p1}; var newObj = jQuery.extend(true, target, obj1, obj2); console.log(newObj, target); console.log(newObj === target) // console.log(newObj.p === p1); console.log(newObj.p.k); //123 p1.k = 444; //newObj.p.k console.log(newObj.p.k); //123 console.log('p1.k', p1.k); //444 2.9 其他构造函数上的方法和属性属性名 实例 说明
noop var f = jQuery.noop; 一个空函数
isArray $.isArray([1,3,4]) 测试对象是否为数组。
isFunction jQuery.isFunction(obj) 测试对象是否为函数。
isNumeric jQuery.isNumeric(value) 确定它的参数是否是一个数字。
isWindow jQuery.isWindow(obj) 测试对象是否是窗口
error jQuery.error(message) 接受一个字符串，并且直接抛出一个包含这个字符串的异常
trim jQuery.trim(str) 去掉字符串起始和结尾的空格
3.链式编程和隐式迭代 3.1 链式编程由于大部分jQuery的api方法内部返回值都是jQuery的包装对象自身。所以我们可以在jQuery的api调用之后继续调用jQuery的方法，这样就称作是链式编程。
例如代码:
$('#p1').css('color', 'red').height(200).hide('slow'); // 等价于 $('#p1').css('color', 'red'); $('#p1').height(200); $('#p1').hide('slow');由于css方法、height、hide方法都返回jQuery包装对象自身。所以就可以继续链式调用。
链式编程的原理
//链式编程的原理：对象调用了方法后，方法返回当前对象。 var cat = { run: function() { console.log('runing'); return this; // 核心：方法内部又把当前对象返回了。 }, sayHi: function() { console.log('hi'); return this; }, jump: function() { console.log('jump'); return this; } }; cat.run().sayHi().jump();有些方法可以破坏链式的结构，比如：
nextAll(),prevAll(),sibilings(),find(),children(),parent(),parents()...
如果想回到最近一次破坏链式结构之前的代码可以使用end方法。
$('#p1').nextAll().hide().end().css('color', 'red');
3.2 隐式迭代jQuery包装对象本身就是一个伪数组，匹配的元素有多个的时候，要做设置操作的时候，jQuery内部会隐式的变量所有的匹配元素调用设置操作，所以称为隐式迭代。
评分控件案例
<ul> <li>☆</li> <li>☆</li> <li>☆</li> <li>☆</li> <li>☆</li> </ul> <script src="./lib/jquery-1.12.4.js"></script> <script> $(function() { // 第一个效果： 当鼠标移入 五角星时候。之前的五角星和自己都变成实心的五角星 $('.list li').hover(function(e) { // 鼠标移入：当鼠标移入 五角星时候。之前的五角星和自己都变成实心的五角星 $(this).text('★').prevAll().text('★'); // 隐式迭代。 }, function(e) { // 鼠标移出： 把自己变成空心五角星，而且后面的也都变成空心五角星 $(this).text('☆').nextAll().text('☆'); }).on('click', function(e) { // 点击之后，记录当前点击的是谁 $(this).addClass('cur').siblings().removeClass('cur'); }); // 给整个ul标签绑定一个mouseleave事件。 $('.list').on('mouseleave', function(e) { // 拿到当前 cur 类的li标签。 $('.list li.cur').text('★') .prevAll().text('★'). // 前面的节点都设置成实心 end().nextAll().text('☆');// 点击元素后面的节点设置成空心 }); }); </script> 4.jQuery的插件封装 4.1 给jQuery包装对象扩展方法属性
相关文章![jQuery([selector,[context]])](/images/defaultpic.gif)
![[高危]使用存在漏洞的JQuery版本解决方法](/upload8/allimg/171216/1HUB2G_lit.jpg)
精彩导读
热门资讯
关注我们
