一、jQuery選擇器
創(chuàng)新互聯(lián)公司長期為千余家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為察雅企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站制作,察雅網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
p1
p2
$(document).ready(function(){ $("button").click(function(){ $(".pclass").text("p元素被修改了"); }) });
二、jQuery事件
1.jQuery事件:
常用事件方法
綁定事件
解除綁定事件
事件的目標(biāo)
事件的冒泡
自定義事件
$(document).ready(function(){ // $("button").click(function(){ // $("button").dblclick(function(){ // $("button").mouseenter(function(){ $("button").mouseleave(function(){ $(this).hide(); }); });
$(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); }A B C D
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); }); });