jQuery函数attr和prop的区别

jQuery函数attr和prop的区别

相比attr，prop是1.6.1才新出来的，两者从中文意思理解，都是获取/设置属性的方法（attributes和properties）。

只是，window或document中使用.attr()方法在jQuery1.6之前不能正常运行，因为window和document中不能有attributes。prop应运而生了。

attr:描述:获取匹配的元素集合中的第一个元素的属性的值。

attr(attributeName)attributeName类型:String要获取的属性名称.attr()方法只获取第一个匹配元素的属性值。

prop:描述:获取匹配的元素集中第一个元素的属性（property）值prop(propertyName)propertyName类型:String要得到的属性的名称.prop()方法只获得第一个匹配元素的属性值。

如果元素上没有该属性，或者如果没有匹配的元素。那么该方法会返回undefined值。

在JQuery里面怎么写自定义函数

原理很简单。。
你在页面不同的位置的dom节点上增加一个自定义属性比如data-progress=20 data-progress=80
然后你在页面头部设置一个start函数，再在页面onload的时候设置一个end函数。
在页头执行你的js，每读取到一个data-progress就对应给进度条做动画即可。

这和jq貌似没什么关系。。

关键细节是 如何依次读取到这个自己设置的progress呢？很简单，设置个setInterval，然后不断的读带data-progress的节点，读到一个新的设置一下，记下位置就好了。end的时候清掉定时器就ok了。

参见这个项目：

Progress.js - Themeable progress bar library

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的区别。

其中collection代表目标数组，callback代表回调函数（自己定义），回调函数的参数第一个是数组的下标，第二个是数组的元素。当然我们也可以给回调函数只设定一个参数，这个参数一定是下标，而没有参数也是可以的。