jQuery使用數(shù)百頁(yè)。這是插入到頁(yè)面中的**常見(jiàn)庫(kù)之一，它使DOM成為操作單元。當(dāng)然，jQuery之所以受歡迎，其中一個(gè)原因就是它的簡(jiǎn)單性。我們似乎能在任何強(qiáng)大的圖書館里做到這一點(diǎn)。我們的選擇，有一些片段我們會(huì)回來(lái)一次又一次。今天我想給你10個(gè)剪輯，大家，新手，并會(huì)一遍又一遍地使用它。1） 返回頂部按鈕返回到top$（“返回到頂部”按鈕；a、 toprdquo；）單擊（function（{$（文檔）。身體）。動(dòng)畫（{0}，scrolltop:800）; 返回false；}）//創(chuàng)建錨定標(biāo)簽lt；class=ldquo；頂部“和href=ldquo；#rdquo；燃?xì)廨啓C(jī)；回到頂部可以看到，使用動(dòng)畫和scroll頂級(jí)功能jQuery我們不需要插件來(lái)創(chuàng)建簡(jiǎn)單的滾動(dòng)到頂部動(dòng)畫。通過(guò)改變scrollTop值，我們可以改變，我們想滾動(dòng)土地，在我的例子中，我使用的值為0，因?yàn)槲蚁ＭM(jìn)入我們的網(wǎng)頁(yè)頂部，但如果我認(rèn)為我可以抵消100px 100px功能類型。所以我們真正要做的是800ms類中動(dòng)畫文件的主體，直到滾動(dòng)到頂部文件為止。2） 檢查是否加載了映像$（#39）是否加載imgrdquo；）加載（function{console日志（圖像加載成功“}）；有時(shí)候，您需要檢查圖像是否充滿代碼才能繼續(xù)腳本，這三行的jQuery代碼可以幫助您輕松地完成。您還可以檢查是否加載了特定的圖像和標(biāo)識(shí)或類替換img標(biāo)簽。3） 自動(dòng)修復(fù)損壞的圖像（#39（錯(cuò)誤（function{）of img）美元$（此錯(cuò)誤）attr（#39；src#39；、src39；（3）img）/斷開(kāi)pngrdquo；）；}）偶爾我們?cè)谖覀兙W(wǎng)站中斷開(kāi)了圖像鏈接，一一替換，所以添加這個(gè)簡(jiǎn)單的代碼可以節(jié)省很多麻煩。即使你沒(méi)有任何斷開(kāi)的鏈接，你也不會(huì)傷害任何人。4） 旋轉(zhuǎn)中的開(kāi)關(guān)類$（#39；按鈕#39；）。懸停（function（{{$（本）（add類（#（#39）hoverrdquo；）；function（）{}，$（此處）remove類（#39；hoverrdquo；）；}）深圳網(wǎng)站通常希望在用戶懸停在這個(gè)jQuery代碼段上時(shí)更改我們頁(yè)面上的點(diǎn)擊元素視覺(jué)，只是說(shuō)當(dāng)用戶懸停并停止時(shí)它會(huì)添加類元素，所以你要做的就是將必要的樣式添加到CSS文件中。5） 禁用輸入字段$（輸入“字段”）attr（ldquo；殘疾；以及；，真的；有時(shí)，您可能希望以按鈕的形式提交按鈕，甚至如果禁用了其中一個(gè)文本輸入，直到用戶執(zhí)行操作（檢查”和“檢查”按鈕一段時(shí)間；我已經(jīng)閱讀了術(shù)語(yǔ)“和復(fù)選框例如，這一行代碼實(shí)現(xiàn)；添加禁用屬性輸入，這樣您就可以使它想念您。您需要做的是將禁用的作為參數(shù)輸入，以運(yùn)行函數(shù)$（輸入“function）”的；禁用“等”；6） Stop the linkload$，Stop the linkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplinkload$，thestoplink；a、 編號(hào)-linkrdquo；）單擊（function（E）{E。preventdefault（）；}）；有時(shí)我們不想鏈接到頁(yè)面或加載它，我們希望它們能夠像觸發(fā)其他腳本那樣做，在這種情況下，代碼會(huì)阻止默認(rèn)的操作技術(shù)。7） 切換淡入/幻燈片//淡入$（現(xiàn)狀-rdquo；）單擊（function（{$（“和”；元素“和”元素“）fadetoggle（ldquo；慢“；}）//開(kāi)關(guān)$（quo-rdquo；）單擊（function（{$（“和”；元素“和”元素“）slidetoggle（ldquo；慢“2；）；}）；我們使用了很多幻燈片和在動(dòng)畫中消失的東西jQuery，有時(shí)我們只是想在點(diǎn)擊東西時(shí)顯示一個(gè)元素，公開(kāi)和slideDown方法是完美的，但是如果我們想要的元素出現(xiàn)在**次點(diǎn)擊，那么第二個(gè)代碼消失將很好地工作。8） 簡(jiǎn)單手風(fēng)琴//關(guān)閉所有面板$（如“手風(fēng)琴”等）。發(fā)現(xiàn)hide（）；//手風(fēng)琴$（現(xiàn)狀一致）等內(nèi)容）。找到（#39；）；。按上頭，單擊=（this next（）美元）下的（function（{VaR；下一slidetoggle（#39fastrdquo；$fastrdquo；$（0.05）ldquo；內(nèi)容“和”，編號(hào)（以下）slideup（#39；fastrdquo；）返回false；}；通過(guò)添加web頁(yè)面上真正需要的所有腳本，HTML是獲得此作業(yè)所必需的。您可以看到本節(jié)我先關(guān)閉手風(fēng)琴中的所有面板，然后單擊我做的事件，這些事件鏈接到標(biāo)題幻燈片切換內(nèi)容和所有其他幻燈片。這是一種很簡(jiǎn)單的方法，快速地得到手風(fēng)琴。9） 將兩div設(shè)置為相同高度$（quodivrdquo；。CSS（#39；**小-height，$（ldquo；divrdquoMain）height（））；有時(shí)你會(huì)想到有相同的高度，無(wú)論它的內(nèi)容是什么，這使它變得公正；在這種情況下，設(shè)置**小高度意味著它不能小于主div。這是一個(gè)偉大的磚類網(wǎng)站。10） 條帶無(wú)序列表$（李：奇現(xiàn)狀CSS（背景“LDQUE；##e8e8e8rdquo；）這使得創(chuàng)建斑馬條帶無(wú)序列表變得很容易，在這里您定義了后臺(tái)中的每個(gè)奇怪列表項(xiàng)，以便默認(rèn)為CSS文件中的偶數(shù)。您可以將此代碼從選項(xiàng)卡中帶到任何類型的標(biāo)記

　　謝潑德設(shè)計(jì)文章推薦：

　　深圳軟件制作公司您需要什么網(wǎng)站

　　深圳寶安設(shè)計(jì)公司

http://www.dongguanlifeng.com/wangzhansheji/551.html jQuery每個(gè)網(wǎng)頁(yè)設(shè)計(jì)師都應(yīng)該知道的片段