一個(gè)簡(jiǎn)單技巧的集合，幫你提升 jQuery 技能。

Matt Smith 發(fā)起的一個(gè)小項(xiàng)目，目前已有 14 個(gè) 小技巧。伯樂在線會(huì)持續(xù)跟進(jìn)更新。

1. 回到頂部按鈕
2. 預(yù)加載圖片
3. 檢查圖片是否加載完畢
4. 自動(dòng)修復(fù)損壞的圖片
5. Hover 上的 Class 開關(guān)
6. 禁用 input 字段
7. 停止鏈接加載
8. 淡入淡出/滑動(dòng)開關(guān)
9. 簡(jiǎn)單的折疊效果
10. 將兩個(gè) Div 設(shè)為相同高度
11. 在新窗口打開外部鏈接
12. 找到文本元素
13. 切換可視與隱藏的觸發(fā)器

回到頂部按鈕

通過使用 jQuery 中的 animate 和 scrollTop 方法，你無需插件便可創(chuàng)建一個(gè)簡(jiǎn)單地回到頂部動(dòng)畫：

 

 

 

 

 

javaScript

上一篇：jquery通過class驗(yàn)證表單不能為空

下一篇：jquery操作DOM元素(1)

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表

學(xué)習(xí)交流

更多

• 

  Intel工程樣品CPU的識(shí)別方法

• 

  圖解CMOS路線和硬盤光驅(qū)跳線的

硬盤分區(qū)如何設(shè)置準(zhǔn)確的分區(qū)空間

硬盤分區(qū)如何設(shè)置準(zhǔn)確的分區(qū)空間...

• HTC M8怎么換主題 M8換主題方法12-23
• 錘子手機(jī)如何開啟單手撥號(hào)面板12-23
• OPPO R7拍照音如何關(guān)閉12-23
• LG G3如何開啟來電翻轉(zhuǎn)靜音12-23

• 兩種方式登錄FTP10-30
• 查看一個(gè)頂級(jí)域名下所有的二級(jí)域名10-30
• 用HOSTS文件屏蔽網(wǎng)站 建立網(wǎng)站映射的方法10-30
• 域名狀態(tài)及其意義總結(jié)10-30
• 二級(jí)域名原理以及程序，申請(qǐng)即可開通10-28

熱門圖片

更多

• 

  回眸一笑百魅生，六宮粉黛無顏色

• 

  歲月靜美，剪一影煙雨江南

• 

  蕪湖有個(gè)“松鼠小鎮(zhèn)”

• 

  小滿：小得盈滿，一切剛剛好！

• 

  一串串晶瑩剔透的葡萄，像一顆顆寶石掛在藤

• 

  正宗老北京脆皮烤鴨

• 

  人逢知己千杯少，喝酒搞笑圖集

• 

  搞笑試卷，學(xué)生惡搞答題

猜你喜歡的新聞

• 英偉達(dá)市值一夜大漲9246億 創(chuàng)2023年5月以來
• 雷軍：小米正在申請(qǐng)3萬件專利，以提升自身的競(jìng)
• 人參泡酒15年后竟“復(fù)活”？網(wǎng)友：這酒還能喝不
• 芯片股普漲！英偉達(dá)市值一夜大漲6000億元
• 面館老板1天賣100碗剛夠交房租 要賣到150碗
• 跌近30%！茶百道上市一小時(shí)跌沒3年凈利潤(rùn)
• 鐘薛高創(chuàng)始人林盛稱“賣紅薯也要把債還上”
• 馬斯克：只有“傻瓜”才相信建議零售價(jià)
• 郁金香保安火了，護(hù)花喊到喉嚨沙啞 網(wǎng)友點(diǎn)贊
• 9歲女孩跳廣場(chǎng)舞3年成領(lǐng)隊(duì) 會(huì)跳300多首歌

猜你喜歡的關(guān)注

• 如何將海洋元素運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)中
• 如何提升企業(yè)產(chǎn)品WEB APP的用戶體驗(yàn)？
• 手機(jī)端的META你知道多少？
• 用數(shù)據(jù)來理解設(shè)計(jì)
• 方形元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
• 網(wǎng)站運(yùn)用新趨勢(shì)！神奇的鼠標(biāo)滾軸動(dòng)畫
• 關(guān)于網(wǎng)站分頁(yè)導(dǎo)航的十個(gè)細(xì)節(jié)分析
• 水印相機(jī)素材設(shè)計(jì)之要點(diǎn)
• 讓大神傳授你BANNER設(shè)計(jì)中的“辟邪劍譜”
• 21款創(chuàng)意十足的水下網(wǎng)頁(yè)設(shè)計(jì)

新聞熱點(diǎn)

英偉達(dá)市值一夜大漲9246億 創(chuàng)2023年5月以來最大單周漲幅

2024-04-27 13:35:46

雷軍：小米正在申請(qǐng)3萬件專利，以提升自身的競(jìng)爭(zhēng)力

2024-04-27 13:33:47

人參泡酒15年后竟“復(fù)活”？網(wǎng)友：這酒還能喝不？

2024-04-24 22:53:44

芯片股普漲！英偉達(dá)市值一夜大漲6000億元

2024-04-23 19:32:50

面館老板1天賣100碗剛夠交房租 要賣到150碗才能實(shí)現(xiàn)盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小時(shí)跌沒3年凈利潤(rùn)

2024-04-23 19:13:19

疑難解答

• 硬盤分區(qū)如何設(shè)置準(zhǔn)確的分區(qū)空間
• Intel工程樣品CPU的識(shí)別方法
• 圖解CMOS路線和硬盤光驅(qū)跳線的設(shè)置
• 屏蔽集成顯卡和網(wǎng)卡的方法
• 帶Raid功能的主板芯片組全掃描
• U盤提示“U盤的I/O接口故障”的修復(fù)方
• 映泰主板設(shè)置鼠標(biāo)開機(jī)的方法
• 如何更換電腦主板上的電池
• 顯示器在最后一步進(jìn)不去系統(tǒng)的解決方
• 開機(jī)一切正常而顯示器無顯示的故障

圖片精選

• 

  微信小程序各種坑？填坑tip

• 

  web前端如何讓網(wǎng)頁(yè)布局穩(wěn)定性和標(biāo)

• 

  CSS定位深入理解 完全掌握CSS定位

• 

  徹底理解浮動(dòng)float CSS浮動(dòng)詳解 清

網(wǎng)友關(guān)注

• 小米4放大手勢(shì)怎么關(guān)閉
• HTC M8怎么換主題 M8換主題方法
• 錘子手機(jī)如何開啟單手撥號(hào)面板
• OPPO R7拍照音如何關(guān)閉
• LG G3如何開啟來電翻轉(zhuǎn)靜音
• 小米Note頂配版怎么設(shè)置默認(rèn)撥號(hào)卡
• HTC M8媒體手勢(shì)如何關(guān)閉
• 三星S6Edge超級(jí)省電模式開啟方法
• 華為P8青春版如何屏蔽鎖屏下拉通知欄
• 努比亞Z9怎么裝SIM卡 Z9插手機(jī)卡方法