jquery遍历

// jquery的方式
$(function() {
// .each()方法是jq中封装的一个方法,本身jq中有隐式迭代(自动的帮我们遍历元素)
// 参数一:索引
// 参数二:元素
$('li').each(function(index,ele) {
$(ele).attr('score',(index+1)*10);
})
$('li').click(function() {
console.log($(this).attr('score'));
})
})
// js的方式
window.onload = function () {
var list = document.getElementsByTagName('li');
for(var i = 0;i < list.length;i++) {
list[i].setAttribute('score',(i+1)*10);
list[i].onclick = function () {
alert(this.getAttribute('score'));
}
}
}

/*
jquery
.attr('属性名字','值')--------设置元素的自定义属性和值
.attr('属性名字')-------------获取元素的自定义属性和值
.each()方法是jq中封装的一个方法,本身jq中有隐式迭代(自动的帮我们遍历元素)

js
对象.setAttribute('自定义属性名字','值');-----设置元素的自定义属性和值
对象.getAttribute('自定义属性名字)------------获取属性的值
*/
posted @ 2018-10-31 13:58  萌萌0104  阅读(128)  评论(0编辑  收藏  举报