jQuery中next()方法用法实例？jquery实验原理？

jQuery中next()方法用法实例？

JQUERY里的next()是下一节点的的意思你的$("p")在HTML里有两个，所以得出来的结果是分别输出两次：第一个

输出 :

Hello Again

,第二个

输出 :

And Again

别外next()也可能这样 $("p").next("div")，指

的下一个DIV，那么就输出:

And Again

,不过你HTML里有两个

那就输出两次这东西了

jquery实验原理？

1jQuery的实现原理

var jQuery=function(selector, context)(

return new jQuery.fn.init( selector, context );

1)jQuery采用的是构造函数模式进行开发的,jQuery是一个类

2)上面说的常用的方法(CSS、属性、筛选、事件、动画、文档处理)都是定义在jQuery.prototype上的->只有jQuery的实例才能使用这些方法

jQuery中$.each()函数的用法引申实例？

jQuery中的$.each()函数比forEach更加强大,可以用来遍历JavaScript中的任意集合,借来下来我们会举几个jQuery中$.each()函数的用法引申实例,首先先来回顾一下遍历用法的基础:

$.each( collection, callback(indexInArray, valueOfElement) )

值得一提的是，forEach 可以很方便的遍历数组和 NodeList ，jQuery 中的 jQuery 对象本身已经部署了这类遍历方法，而在原生 JavaScript 中则可以使用 forEach 方法，但是 IE 并不支持，因此我们可以手动把 forEach 方法部署到数组和 NodeList 中:

if ( !Array.prototype.forEach ){

Array.prototype.forEach = function(fn, scope) {

for( var i = 0, len = this.length; i < len; ++i) {

fn.call(scope, this[i], i, this);

}

}

}

// 部署完毕后 IE 也可以使用 forEach 了

document.getElementsByTagName('p').forEach(function(e){

e.className = 'inner';

});

而jQuery中的$.each()函数则更加强大。$.each()函数和$(selector).each()不一样。$.each()函数可以用来遍历任何一个集合，不管是一个JavaScript对象或者是一个数组，如果是一个数组的话，回调函数每次传递一个数组的下标和这个下标所对应的数组的值（这个值也可以在函数体中通过this关键字获取，但是JavaScript通常会把this这个值当作一个对象即使他只是一个简单的字符串或者是一个数字），这个函数返回所遍历的对象，也就是这个函数的第一个参数，注意这里还是原来的那个数组，这是和map的区别。