阿坝州网站建设公司

jQuery选择器和事件

一、jQuery选择器   

创新互联公司长期为千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为察雅企业提供专业的成都做网站、成都网站制作，察雅网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。



	
		
		
		
		
	
	
		
p1

		p2

		
	


$(document).ready(function(){
	$("button").click(function(){
		$(".pclass").text("p元素被修改了");
	})
});


二、jQuery事件

    1.jQuery事件：

        常用事件方法

        绑定事件

        解除绑定事件

        事件的目标

        事件的冒泡

        自定义事件



	
		
		
		
		
	
	
		
	


$(document).ready(function(){
//	$("button").click(function(){
//	$("button").dblclick(function(){
//	$("button").mouseenter(function(){
	$("button").mouseleave(function(){
		$(this).hide();
	});
});


	
		
		
		
		
	
	
		Click me
	


$(document).ready(function(){
//	$("#clickMeBtn").click(function(){
//		alert("hello");
//	});
//	$("#clickMeBtn").bind("click",clickHandler1);
//	$("#clickMeBtn").bind("click",clickHandler2);
//	$("#clickMeBtn").unbind("click",clickHandler1);
	
	$("#clickMeBtn").on("click",clickHandler1);
	$("#clickMeBtn").on("click",clickHandler2);
	$("#clickMeBtn").off("click",clickHandler1);
});

function clickHandler1(e){
	console.log("clickHandler1");
}

function clickHandler2(e){
	console.log("clickHandler2");
}


	
		
		
		
		
	
	
		
			
  • A
    • 
			
  • B
    • 
			
  • C
    • 
			
  • D
    •
    $(document).ready(function(){ $("body").bind("click",bodyHandler); $("div").bind("click",divHandler1); $("div").bind("click",divHandler2); }); function bodyHandler(event){ console.log(event); } function divHandler1(event){ console.log(event); // event.stopPropagation(); event.stopImmediatePropagation(); } function divHandler2(event){ console.log(event); }

      

    

	
		
		
		
		
	
	
		Click Me
	



var ClickMeBtn;
$(document).ready(function(){
	ClickMeBtn = $("#ClickMeBtn");
	ClickMeBtn.click(function(){
		var e = jQuery.Event("MyEvent");
		ClickMeBtn.trigger(e);
	});
	
	ClickMeBtn.bind("MyEvent",function(event){
		console.log(event);
	});
});

                  







    分享文章：jQuery选择器和事件
    转载注明：http://azwzsj.com/article/ijejsp.html

    其他资讯