1. 程式人生 > >自學jQuery梳理筆記

自學jQuery梳理筆記

put 數位 完成 切換 hid child target targe ade

基礎語法: $(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梳理筆記