自學jQuery梳理筆記
基礎語法: $(selector).action()基於css選擇器
$("*") 選取所有元素
$(this) 選取當前 HTML 元素
$("p.intro") 選取 class 為 intro 的 <p> 元素
$("p:first") 選取第一個 <p> 元素
$("ul li:first") 選取第一個 <ul> 元素的第一個 <li> 元素
$("ul li:first-child") 選取每個 <ul> 元素的第一個 <li> 元素
$("[href]") 選取帶有 href 屬性的元素
$("a[target=‘_blank‘]") 選取所有 target 屬性值等於 "_blank" 的 <a> 元素
$("a[target!=‘_blank‘]") 選取所有 target 屬性值不等於 "_blank" 的 <a> 元素
$(":button") 選取所有 type="button" 的 <input> 元素 和 <button> 元素
$("tr:even") 選取偶數位置的 <tr> 元素
$("tr:odd") 選取奇數位置的 <tr> 元素
======================
關於 : 和 [] 這兩個符號的理解
:可以理解為種類的意思,如:p:first,p 的種類為第一個。
[] 很自然的可以理解為屬性的意思,如:[href] 選取帶有 href 屬性的元素。
========================
jQuery效果
顯示/隱藏:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可選的 speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數是隱藏或顯示完成後所執行的函數名稱。
toggle():
切換顯示與隱藏
--------------------------------------------
淡入淡出:
()填入"slow"、"fast" 或毫秒
jQuery fadeIn()淡入
jQuery fadeOut()淡出
jQuery fadeToggle()淡入淡出切換
jQuery fadeTo(‘slow‘,0.5)顏色慢慢變淡50%
--------------------------------------------
自學jQuery梳理筆記