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)