jQuery中给多个元素批量绑定事件

在工作中难免会遇到用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>