-
[attribute=value]屬性選擇器 屬性作為DOM元素的一個(gè)重要特征,也可以用于選擇器中,從本節(jié)開始將介紹通過元素屬性獲取元素的選擇器,[attribute=value]屬性選擇器的功能是獲取與屬性名和屬性值完全相同的全部元素,其中[]是專用于屬性選擇器的括號(hào)符,參數(shù)attribute表示屬性名稱,value參數(shù)表示屬性值。 $("li[title='蔬菜']").css("background-color","green"); 獲取指定屬性名為title和對(duì)應(yīng)值為蔬菜的全部<li>元素,并設(shè)置背景色查看全部
-
調(diào)用toggle()方法實(shí)現(xiàn)動(dòng)畫切換效果 如果元素處于顯示狀態(tài),調(diào)用該方法則隱藏該元素,反之,則顯示該元素, 它的調(diào)用格式是:$(selector).toggle(speed,[callback]) $("select").toggle("speed",function(){ ... }) speed為數(shù)字時(shí)不帶引號(hào)。 元素在顯示與隱藏之間切換。查看全部
-
:hidden過濾選擇器的功能是獲取全部不可見的元素,這些不可見的元素中包括type屬性值為hidden的元素。 例如,調(diào)用:hidden選擇器獲取不可見的<p>元素,并將該元素的內(nèi)容顯示在<div>元素中 var $strHTML=$("p:hidden").html(); $("div").html($strHTML);查看全部
-
使用包含的元素名稱來過濾,:has(selector)過濾選擇器的功能是獲取選擇器中包含指定元素名稱的全部元素,其中selector參數(shù)就是包含的元素名稱,是被包含元素。 :has(selector) 只能是元素名稱 不能是ID或者其他的 1,元素選擇器,通過:has(selector),來選擇被包含的元素。$("li:has('p')").css("background","blue").注意單雙引號(hào)的使用。 2,里面除了可以選擇標(biāo)簽以外,選擇類名等等也是可以的$("li:has('.abc')").css("","")查看全部
-
調(diào)用show()和hide()方法顯示和隱藏元素 show()和hide()方法用于顯示或隱藏頁面中的元素,它的調(diào)用格式分別為: $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 參數(shù)speed設(shè)置隱藏或顯示時(shí)的速度值,可為“slow”、“fast”或毫秒數(shù)值,可選項(xiàng)參數(shù)callback為隱藏或顯示動(dòng)作執(zhí)行完成后調(diào)用的函數(shù)名查看全部
-
:eq(index)過濾選擇器 如果想從一組標(biāo)簽元素?cái)?shù)組中,靈活選擇任意的一個(gè)標(biāo)簽元素,我們可以使用 :eq(index) 其中參數(shù)index表示索引號(hào)(即:一個(gè)整數(shù)),它從0開始,如果index的值為3,表示選擇的是第4個(gè)元素。 注意:其中的索引號(hào)index也可以為負(fù)數(shù),為倒數(shù)第index個(gè)查看全部
-
與prev + next層次選擇器相同,prev ~ siblings選擇器也是查找prev 元素之后的相鄰元素,但前者只獲取第一個(gè)相鄰的元素,而后者則獲取prev 元素后面全部相鄰的元素,它的調(diào)用格式如下: $(“prev ~ siblings”) 其中參數(shù)prev與siblings兩者之間通過“~”符號(hào)形成一種層次相鄰的關(guān)系,表明siblings選擇器獲取的元素都是prev元素之后的同輩元素查看全部
-
下拉列表框的change事件 當(dāng)一個(gè)元素的值發(fā)生變化時(shí),將會(huì)觸發(fā)change事件,例如在選擇下拉列表框中的選項(xiàng)時(shí),就會(huì)觸change事件。 $("select").bind("change",function(){ ... } )查看全部
-
文本框的focus和blur事件 focus事件在元素獲取焦點(diǎn)時(shí)觸發(fā),如點(diǎn)擊文本框時(shí),觸發(fā)該事件;而blur事件則在元素丟失焦點(diǎn)時(shí)觸發(fā),如點(diǎn)擊除文本框的任何元素,都會(huì)觸發(fā)該事件。查看全部
-
俗話說“遠(yuǎn)親不如近鄰”,而通過prev + next選擇器就可以查找與“prev”元素緊鄰的下一個(gè)“next”元素,格式如下: $(“prev + next”) 其中參數(shù)prev為任何有效的選擇器,參數(shù)“next”為另外一個(gè)有效選擇器,它們之間的“+”表示一種上下的層次關(guān)系,也就是說,“prev”元素最緊鄰的下一個(gè)元素由“next”選擇器返回的并且只返回唯的一個(gè)元素。查看全部
-
與ance desc選擇器相比,parent > child選擇器的范圍要小些,它所選擇的目標(biāo)是子集元素,相當(dāng)于一個(gè)家庭中的子輩們,但不包括孫輩,它的調(diào)用格式如下: $(“parent > child”)查看全部
-
調(diào)用trigger()方法手動(dòng)觸發(fā)指定的事件 trigger()方法可以直接手動(dòng)觸發(fā)元素指定的事件,這些事件可以是元素自帶事件,也可以是自定義的事件,總之,該事件必須能執(zhí)行, 它的調(diào)用格式為:$(selector).trigger(event) 其中event參數(shù)為需要手動(dòng)觸發(fā)的事件名稱 .可以為自定義事件查看全部
-
使用one()方法綁定元素的一次性事件 one()方法可以綁定元素任何有效的事件,但這種方法綁定的事件只會(huì)觸發(fā)一次,它的調(diào)用格式如下:$(selector).one(event,[data],fun) 參數(shù)event為事件名稱,data為觸發(fā)事件時(shí)攜帶的數(shù)據(jù),fun為觸發(fā)該事件時(shí)執(zhí)行的函數(shù)。 只能執(zhí)行一次,執(zhí)行完成后,無論如何單擊,都不再觸發(fā)。查看全部
-
$(標(biāo)簽名:contains('文本')),按照文本內(nèi)容來查找一個(gè)或者多個(gè)元素查看全部
-
使用unbind()方法移除元素綁定的事件 unbind()方法可以移除元素已綁定的事件,它的調(diào)用格式如下: $(selector).unbind(event,fun) 其中參數(shù)event表示需要移除的事件名稱,多個(gè)事件名用空格隔開,fun參數(shù)為事件執(zhí)行時(shí)調(diào)用的函數(shù)名稱。查看全部
舉報(bào)
0/150
提交
取消