jquery學(xué)習(xí)之重要知識點(diǎn)

1、javascript類庫，即js庫，預(yù)封裝了很多函數(shù)和對象，為了簡化我們的js開發(fā)，最大的特點(diǎn)是兼容各大瀏覽器，即不需要考慮兼容性問題，鏈?zhǔn)讲僮鳌椒ㄦ湻绞酱蟠蠛喕舜a的書寫。

創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、劍川網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為劍川等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

2、jquery-1.11.3.js——正常文件：有注釋、空行和縮進(jìn)

jquery-1.11.3.min.js——壓縮文件：采用GZIP壓縮技術(shù)，沒有注釋、空行和縮進(jìn)

注：開發(fā)時(shí)為了加快加載速度，采用壓縮版本，平時(shí)學(xué)習(xí)練習(xí)研發(fā)使用正常版本

3、jquery對象與DOM對象區(qū)分

jquery對象：封裝DOM對象后產(chǎn)生的對象

DOM對象：通過DOM獲取的元素，稱之為DOM對象

4、jquery九大選擇器

基本選擇器、層級選擇器、過濾選擇器（基本過濾選擇器、子元素過濾選擇器、可見性過濾選擇器、內(nèi)容過濾選擇器、屬性過濾選擇器、表單對象屬性過濾選擇器、）

5、可見性過濾選擇器

：visible  獲取可見元素（不常用）

：hidden  獲取不可見元素（常用）

注：對visibility:hidden不起作用

6、【重點(diǎn)記憶】

 :not(expr) - 獲取不包含指定表達(dá)式的元素

【獲取class不為XX的xxx元素，其中包含沒有class屬性的元素，not中的表達(dá)式可加單引號可不加，一般不用加】

 :has(selector) - 獲取含有匹配選擇器的元素的父元素

[attrName!=value] - 獲取包含指定attrName的值不為value的元素（包含沒有該屬性的元素，與not包含一致，not也是包含沒有該屬性的元素）

[attrName][attrName] - 組合屬性過濾選擇器(交集)(與基本選擇器的并集不一樣）

selector1,selector2,......（$(“one，two”)；【組合選擇器】

中間用逗號隔開，全部寫在一個(gè)雙引號里,并集）

【隱藏元素的情況】

1．設(shè)置為display:none;

2．帶有type=“hidden”的表單元素

3．width和height設(shè)置為0

4．隱藏的父元素

7、addClass() - 追加樣式

無論之前是否包含樣式，在此基礎(chǔ)上追加一個(gè)新的樣式，如果之前包含樣式，依舊存在

attr（）設(shè)置樣式-無論之前是否包含樣式，設(shè)置成當(dāng)前樣式，如果之前包含樣式，會被覆蓋

8、css()方法

        獲取 -css(attrName)

        設(shè)置：【設(shè)置單個(gè)】

   css(attrName, attrValue)

  注意：attrName必須是字符串類型

    【設(shè)置多個(gè)】

  css({

 attrName : attrValue,

 attrName : attrValue,

 ... ...

   })

  注意 - attrName直接定義，不需要編寫成字符串類型，值不加單位

9、children()與find()的區(qū)別：find是找所有后代元素，children是只找子元素

10、替換元素

    被替換元素 . replaceWith($(“替換元素”))

    replaceAll() - 實(shí)際上就是顛倒了的replaceWith()

  刪除元素

    remove() - 刪除自身及后代節(jié)點(diǎn)[自殺式，與原生DOM的原理完全不同]

      empty() - 刪除后代節(jié)點(diǎn)，保留自身節(jié)點(diǎn)(特別適合：清空)

   插入元素

     內(nèi)部插入 - 子元素(指定元素內(nèi))

     append() - 作為最后一個(gè)子元素插入到指定元素中

 【插入在指定元素的后面】

 【顯示出來是在后面，作為子元素出現(xiàn)，保留各自前面的li點(diǎn)】

     prepend() - 作為第一個(gè)子元素插入到指定元素中

    【插入在指定元素的前面】

 【顯示出來是在前面，作為子元素出現(xiàn)，不保留原來li前面的點(diǎn)】

   appendTo()

     prependTo()【只是上述操作的反操作，前后元素顛倒】

     外部插入 - 兄弟元素(指定元素外)

     before() - 作為指定元素的上一個(gè)兄弟元素插入

     after() - 作為指定元素的下一個(gè)兄弟元素插入

    【只是上述操作的反操作】

     insertBefore()

     insertAfter()

11、【注意問題】

1． 在js操作css的時(shí)候用駝峰。

2． 只要是加小括號的，一定是函數(shù)或方法的調(diào)用

3． 從加載上來說：寫代碼時(shí)不要隨意位置寫Js代碼，css和html是一個(gè)引擎加載，js是另一個(gè)引擎加載，如果隨意寫js，則引擎切換的次數(shù)越多。每一種寫的順序的方式都有自己的好處

4．this是指代DOM，不是jquery對象

5．js的函數(shù)不具備重載，叫覆蓋

6．當(dāng)腳本代碼放在頁面上邊的時(shí)候，用一個(gè)全局加載ready

12、jquery UI提供的功能

    1.效果(Effects)

     animate() - 自定義動(dòng)畫【jQueryui的animate是jQuery animate的補(bǔ)充】

     JQUERY中的animate()無法使用的CSS屬性,在這都能用

    【 animate()方法

  當(dāng)前HTML頁面既引入JQUERY也引入JQUERY UI

  兩者都提供了animate()方法

  如何保證調(diào)用的animate()一定是JQUERY UI提供的?

  原因 - JQUERY是先引入的,animate()方法被覆蓋

    JavaScript的函數(shù)不具備“重載”而是“覆蓋”，后面的代替了前面的】   

2.交互(Interactions)

3.組件(Widgets)

  dialog，對話框是開發(fā)中比較重要的元素

13、自調(diào)函數(shù)- 盡量避免全局變量和函數(shù)(對象)

      原則 - 將全局改為局部

      自調(diào)函數(shù)

       (function(){

          // 定義代碼

       }());//解決全局問題

 自調(diào)函數(shù)的寫法至少13種以上【可自己查】

 所有全局變量都在瀏覽器內(nèi)存里，會影響性能。

方法1：最前最后加括號

(function(){alert(1);}());

方法2：function外面加括號

(function(){alert(1);})();

方法3：function前面加運(yùn)算符，void

void function(){alert(2);}(); //據(jù)說效率最高~

4：帶參數(shù)

(function(o) {

alert(o);

})('water');

5 ：匿名函數(shù)的鏈?zhǔn)秸{(diào)用

(function(o) {

alert(o);

return arguments.callee;

})('water')('down');

6：~(function(){

alert('water');

})();

7：+function(){

alert('water');

}();

8：-function(){

alert('water');

}();

9：~function(){

alert('water');

}();

10：!function(){alert(1);}();

14、【JQUERY的插件必須掌握！！！】

   如何學(xué)習(xí)JQUERY插件？

   插件官方提供的幫助文檔

   插件提供的Demo示例代碼

   [jquery插件是可以脫離jquery獨(dú)立使用的]

名稱欄目：jquery學(xué)習(xí)之重要知識點(diǎn)
URL網(wǎng)址：http://m.kartarina.com/article48/pphohp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、建站公司、域名注冊、手機(jī)網(wǎng)站建設(shè)、云服務(wù)器、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)