是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。
成都創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、武平網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開發(fā)、成都做商城網(wǎng)站、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為武平等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
jquery設(shè)計的宗旨是“write Less,Do More”(即倡導(dǎo)寫更少的代碼,做更多的事情),其核心特性可以總結(jié)為:具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。
頁面對不同訪問者的響應(yīng)叫做事件。事件處理程序指的是當(dāng) HTML 中發(fā)生某些事件時所調(diào)用的方法。在事件中經(jīng)常使用術(shù)語 " 觸發(fā) " (或 " 激發(fā) " )常用click()方法觸發(fā)
$(document).ready() 方法與 window.onload () 方法的區(qū)別:
使用bind()方法為每個匹配元素的特定事件綁定事件處理函數(shù)。bind() 方法的調(diào)用格式: bind(type,[data],fn)
? type:含有一個或多個事件類型的字符串,由空格分隔多個事件。比如 "click" 或 "submit" ,還可以是自定義事件名。
? data:作為 event.data 屬性值傳遞給事件對象的額外數(shù)據(jù)對象
? fn:綁定到每個匹配元素的事件上面的處理函數(shù)
實例:
//事件綁定
$("#btn1").bind("click",function(){
alert("點我觸發(fā)bind函數(shù)");
})
使用 jQuery 的 is()方法判斷元素是否可見,使用is()方法:
alert($("button").parent().is("body"));
/*
* $("#b1").is(":visible") 判斷id為d1的元素是否可見
* 可見返回true,不可見就返回false
*
* next($("#b1").is(":visible"));
*/
alert("#btn2").is(":visible");
$("#btn2").click(function(){
if($("#b1").is(":visible")){
//$(this).next().css();
$(this).next().hide();
}else{
$(this).next().show();
}
})
合成事件-hover()
hover()模擬光標(biāo)懸停事件. 當(dāng)光標(biāo)移動到元素上時, 會觸發(fā)指定的第一個函數(shù), 當(dāng)光標(biāo)移出這個元素時, 會觸發(fā)指定的第二個函數(shù)。
hover() 方法語法結(jié)構(gòu)為: hover([over,]out)
? over: 鼠標(biāo)移到元素上要觸發(fā)的函數(shù)
? out: 鼠標(biāo)移出元素要觸發(fā)的函數(shù)
實例:
web前端開發(fā)學(xué)習(xí)Q-q-u-n: ⑦⑧④-⑦⑧③-零①②,分享學(xué)習(xí)的方法和需要注意的小細節(jié),不停更新最新的教程和學(xué)習(xí)方法(詳細的前端項目實戰(zhàn)教學(xué)視頻)
$(function(){
/*
* 合成事件hover()方法的語法結(jié)構(gòu):
* hover(enter,leave);
*
* */
$("#btn2").hover(function(){
$(this).next().show();
},function(){
$(this).next().hide();
})
})
合成事件-toggle(): 用于模擬鼠標(biāo)連續(xù)單擊事件. 第一次單擊元素, 觸發(fā)指定的第一個函數(shù), 當(dāng)再一次單擊同一個元素時, 則觸發(fā)指定的第二個函數(shù), 如果有更多個函數(shù), 則依次觸發(fā), 直到最后一個。
$(function(){
/*
* 合成事件toggle()方法的語法結(jié)構(gòu):
* toggle(f1,f2,f3,f4....);
*
* 有倆個功能:
* 1:模擬連續(xù)點擊(自動點擊,不是你手動點擊);
* 2.如果元素本身可見,則會自動隱藏,如果本身是隱藏的,則會自動顯示
* */
/* $("#btn1").toggle(function(){
alert("觸發(fā)toggle函數(shù)");
});*/
//帶倆個參數(shù)的toggle方法
$("#btn1").toggle(function(){
$("#btn1").css("color","turquoise");
//alert("觸發(fā)toggle函數(shù)");
},function(){
//alert("觸發(fā)toggle2函數(shù)")
$("#btn1").css("background-color","deepskyblue");
})
})
在頁面上可以有多個事件,也可以多個元素響應(yīng)同一個事件。
假設(shè)網(wǎng)頁上有兩個元素,其中一個嵌套在另一個元素里,并且都被綁定了 click 事件,同時 body 元素上也綁定了 click事件。
事件會按照 DOM 層次結(jié)構(gòu)像水泡一樣不斷向上直至頂端
body
div
span