在工作中难免会遇到用jQuery给多个元素绑定事件,今天我们来学习学习,
//元生js写法
var nav = document.getElementById('nav');
var li_list = nav.getElementsByTagName('li');
//批量给多个元素绑定事件
for(var i=0;i<li_list.length;i++){
li_list[i].onclick = function () {
console.log(this.innerHTML)
}
}
//jQuery写法
//在jquery中绑定事件不需要使用循环
//原因是jquery在代码内部自动帮我们判断元素的个数,如果是一个元素绑定事件,则直接绑定
//如果是多个元素批量绑定,则自动帮我们循环,这种情况,称为'隐式迭代'
$("#nav li").on('click',function () {
console.log("内容"+ $(this).html());
//甚至还可以查看当前元素在父类标签中的排列下标
console.log("下标"+$(this).index())
})
</script>