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");
}

$(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://wjwzjz.com/article/ijejsp.html

新网创想网站建设，新征程启航

jQuery选择器和事件

其他资讯