這都不太適合,建議你先學(xué)學(xué)js(即javascript)就是淺顯的了解下js基本的語法,知道Dom操作,再來學(xué)鋒利的jquery就得心應(yīng)手了,(個人覺得鋒利的jquery挺不錯的)jquery權(quán)威指南沒看過!
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供德江網(wǎng)站建設(shè)、德江做網(wǎng)站、德江網(wǎng)站設(shè)計、德江網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、德江企業(yè)網(wǎng)站模板建站服務(wù),10余年德江做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
我是先從鋒利的jQuery學(xué)起的,例子很快上手。
另外那本,沒接觸過。
網(wǎng)上有下載的,可以都下下來看看。
如果喜歡,買書吧。
本書目錄結(jié)構(gòu)清晰,循序漸進,以實際例子作為指引,幫助你學(xué)習(xí)jQuery的各個重要功能,如果結(jié)合jQuery手冊學(xué)習(xí)效果更好。 希望讀者能夠多實踐,能把書中的例子結(jié)合到實際工作和學(xué)習(xí)上來,我想會在短時間內(nèi)有比較大的提升。
《jQueryEasyUI開發(fā)指南》百度網(wǎng)盤pdf最新全集下載:
鏈接:
?pwd=dnk6 提取碼:dnk6
簡介:《jQuery EasyUI開發(fā)指南》通俗易懂,通過講述管理系統(tǒng)的完整開發(fā)過程,把jQuery EasyUI的各種插件,無縫融合到項目當(dāng)中,讓讀者從基礎(chǔ)開始,逐步過渡到深入理解的層面。 ?
jQuery提供一些方法(如:toggle)將兩種事件效果合并到一起,比如:mouseover、mouseout;keyup、keydown等
1、hover函數(shù)
hover(over,out)一個模仿懸停事件(鼠標(biāo)移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務(wù)提供了一種“保持在其中”的狀態(tài)。
參數(shù):
over
(Function)
:
鼠標(biāo)移到元素上要觸發(fā)的函數(shù)。
out
(Function):
鼠標(biāo)移出元素要觸發(fā)的函數(shù)。
復(fù)制代碼
代碼如下:
script
type="text/javascript"
$(function(){
$("#panel
h5.head").hover(function(){
$(this).next().show();//
鼠標(biāo)懸浮時觸發(fā)
},function(){
$(this).next().hide();//
鼠標(biāo)離開時觸發(fā)
})
})
/script
2、toggle函數(shù)
toggle(fn,fn)
每次點擊時切換要調(diào)用的函數(shù)。如果點擊了一個匹配的元素,則觸發(fā)指定的第一個函數(shù),當(dāng)再次點擊同一元素時,則觸發(fā)指定的第二個函數(shù)。隨后的每次點擊都重復(fù)對這兩個函數(shù)的輪番調(diào)用。
可以使用unbind("click")來刪除。
復(fù)制代碼
代碼如下:
script
type="text/javascript"
$(function(){
$("#panel
h5.head").toggle(function(){
$(this).next().show();//
第一次點擊時觸發(fā)
},function(){
$(this).next().hide();//
第二次點擊時觸發(fā),之后不停的切換
})
})
/script
toggle()
方法切換元素的可見狀態(tài)。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。toggle()方法切換元素的可見狀態(tài)。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
所以上述的代碼還可以寫成:
復(fù)制代碼
代碼如下:
script
type="text/javascript"
$(function(){
$("#panel
h5.head").toggle(function(){
$(this).next().toggle();
},function(){
$(this).next().toggle();
})
})
/*$(function(){
$("#panel
h5.head").click(function(){
$(this).next().toggle();
})
})*/
/script
還可以添加一些css樣式:
復(fù)制代碼
代碼如下:
style
type="text/css"
.highlight{
background:#FF3300;
}
/style
script
type="text/javascript"
$(function(){
$("#panel
h5.head").toggle(function(){//配合css樣式使用
$(this).addClass("highlight");
$(this).next().show();
},function(){
$(this).removeClass("highlight");
$(this).next().hide();
});
})
/script
小伙伴們是否對jQuery中常見的hover事件和toggle事件有了新的認(rèn)識了呢,希望本文能給大家?guī)硪恍椭?/p>
分享題目:jquery指南,jQuery介紹
分享URL:http://weahome.cn/article/dsdpohe.html