jQuery學習心得

2021-08-27 13:43:08 字數 674 閱讀 6337

好久沒更新部落格了,最近除了寫輪播圖,飛機大戰之外,就是學習jquery了,所以今天就跟大家分享一下jquery的心得。

由於手頭上的jquery文件是1.8.3的,所以就拿1.8.3來說吧。

說起框架,jquery應該是最早開始做框架的,jquery主要是簡化了操作dom的方法,並提供了簡單的動畫效果。

1、便捷操縱dom。

在jquery中,選擇dom就跟css一樣,.表示class名,#表示id,然後還可以使用first-child,:checked等這類,可以說就是照著css去寫就ok了。這也是原生的以後的發展方向,例如現在已經有了doucument.queryselector,能夠實現類似的功能。jquery是使用時僅需把選擇字串傳入$函式中即可,也是十分簡便,在選擇dom元素上,jquery已經十分方便了。

操縱dom時要注意和原生分開,使用jquery方法時,需要用$函式,使用原生時需要將jquery物件變成dom物件,例如使用[下標]。

原生中也有queryselector,也算是整合了jquery的dom選擇器

2、擴充套件js功能

$.contain,$.each,$.extend,這一些都被ecma吸取過來,慢慢成為了原生的一部分

3、封裝動畫

封裝了很多動畫,雖然最後很多可以用css3,但是也是很方便的,再結合jquery的$.on等,可以很方便的實現動畫

jQuery學習心得

jq是乙個輕量級的js庫,它的宗旨是write less,do more,寫更少的 做更多的事情。事實上,我們在實操作過程中,徹徹底底體會到它的好處。譬如我要找到某個元素 它可以是標籤,類或者id 只需要用 即刻獲得,而不需要使用原生js長長的document.getelementby.而且很多時候...

jQuery學習心得(1)

經常見到jquery中的這種寫法 function jquery 許多前端工程師都只是照貓畫虎的這樣,卻不清楚為什麼這樣寫。其實這個寫法是函式定義立即呼叫的寫法之一。在js中,function在定義的時候就可以通過在後面加乙個小括號的形式立即進行呼叫。例如 function function fun...

jquery表單驗證學習心得

引用塊內容 官方 官方演示 files demo 官方文件 documentation 在提交表單前常要對使用者輸入進行校驗 asp.net的驗證控制項就是用於此目的,可以同時進行客戶端和伺服器端驗證.但是驗證控制項並沒有被所有專案採用.而且在mvc專案中經常使用自己的客戶端驗證框架.所以在比較了若...