1. 程式人生 > >java學習之路————第三十七天

java學習之路————第三十七天

1.什麼是jQuery

         jQuery是一種封裝好的js框架,使用這個框架進行指令碼開發,可以避免瀏覽器對js的相容性問題,瀏覽器對js的相容性已經在設計jQuery的時候考慮到了,使用js會存在瀏覽器相容問題使用jQuery就不存在這個問題。

         jQuery的本質還是js

         jQuery的口號是:寫得少,做得多

 

         整個jQuery檔案其實就是一個大的函式,這個函式在呼叫過之後,返回值還是jQuery物件,所有我們的jQuery程式設計支援鏈式程式設計語法。

         jQuery.方法1().方法2().方法3()…..

 

2.如何安裝jQuery

         jQuery其實就是一個js檔案,我們如果想使用它,一定要在寫jQuery程式碼之前的script的標籤中引入我們的jQuery檔案,你可以在網上將jQuery檔案下載到本地,也可以直接引入外網給我們提供的CDN得方式來進行引入,推薦使用CDN的方法,使用CDN的方法在我們瀏覽其他網站的使用如果瀏覽過對應引入相同的CDN的站點,瀏覽器會事先將jQuery檔案載入到瀏覽器中,可以提高我們頁面的載入速度。

 

推薦使用百度的CDN地址。

CDN就是一個url地址,人家將這些常用的工具檔案,存放在他們自己的伺服器上面,給我們提供訪問的方法。

 

3.jQuery的版本

         jQuery發展至今,目前存在三個版本,這三個版本都是並行開發的。

 

1.x(推薦)

相容所有的瀏覽器,所以js檔案相對2和3大一點,在現在這樣的網路頻寬下,沒什麼影響。

2.x

                  捨棄了IE678瀏覽器的相容

3.x

 

4.體驗jQuery

 

5.script標籤編寫的位置

         我們一般將script標籤建議寫在</body>後面

 

         網頁在載入的時候,是從上往下載入的

         如果我們將script標籤下寫在上面,那個時候如果在script中要獲取HTML元素將會獲取不到,因為載入帶這個js的時候,頁面還沒有載入完畢。

 

6.jQuery選擇器

         選擇器就是尋找元素的一種技術,jQuery的選擇器和CSS的選擇器基本上是一樣的,所以學習jQuery的成本非常的低

 

7.js物件和jQuery物件的相互轉換

         其實jQuery獨享就是js物件的一個數組組成的(DOM陣列)

 

         jQuery----->js

 

         js------------>jQuery

 

8.jQuery隔行換色

         $(function(){

              $("tr:gt(0):even").css("background-color","#AAAAA");

               $("tr:gt(0):odd").css("background-color","#EEEEEE");

           });

    :gt(index)  過濾出索引大於index的元素

    even   過濾出所有的偶數

    odd    過濾出所有的奇數

全選與全部選:

$("input").prop("checked",$(this).prop("checked");

獲取所有的input屬性的checked屬性,將其設定為當前的checked;

prop()獲取/設定元素的屬性

prop(“屬性名”) 獲取該屬性的值內容

prop(“屬性名”,”屬性值”) 設定該屬性名的內容

 

$(this) 將當前的js物件變成jq物件

 

show(s):顯示  s是時間

hide(s): 隱藏

toggle(s) :互換,自己判斷

 

9.文件處理API:

內部插入:

    append(ontent|fn)

    appendTo(content)

    prepend(content|fn)

    prependTo(content)

外部插入:

    after(content|fn)

    before(content|fn)

    insertAfter(content)

    insertBefore(content)