JavaWeb之jQuery的进阶

jQuery的进阶

jQuery数组的遍历

• 原始遍历（普通for） 将制定的代码重复执行指定的次数 jQuery对象本质是一个数组

• jQuery对象函数遍历（对象.ench）

  //index  索引值  element  值循环中的每一个元素	
  $("div").each(function(intdex,element){}
  

• jQuery全局函数遍历（$.ench）

 	$(function(){
 		//全局循环  参1  数组
 		$.each($("标签名"),function(index,element){
 		alert($(element).text())
 		})
 	})

• jquery 3.0的新特性

	for(变量名 of 集合或数组){}
	for(li of $("li")){
		alert($(li).text());
	}

jQuery事件绑定和解除

• 在标签中写(可以绑定但是不能解绑)
  <input id="btnId" type="button" onClick="clickFn()"/>
• 在程序中动态绑定，但是不能解绑

	$(function(){
		//页面加载成功时，给按钮btn动态绑定
		$("#btn").click(function(){
			alert("动态绑定");
		})
	})

• 在程序中动态绑定，可以解绑

	//绑定  按钮btn
	$("#btn").on("click",function(){
		alert("绑定成功")
	})
	//解绑 按钮btn1
	$("#btn1").off("click")  //如果没有写参数，就解除所有事件

jQuery事件切换

• 逐个添加事件
  需要几个事件，就添加几次

	jquery对象.on("事件名",函数)
	jquery对象.on("事件名",函数)

• 连接方式

	jquery对象.on("事件名"，函数).on("事件名"，函数)

• 切换方式
  hover函数等于同时绑定鼠标移入与移出函数

	jquery对象.hover(函数，函数) 参1 移入  参2  移出