jQuery的prev siblings選擇器

2021-08-28 02:00:56 字數 624 閱讀 2911

一 介紹

prev~siblings選擇器用於匹配prev元素之後的所有siblings元素。

其中,prev和siblings是兩個相同輩元素。prev~siblings選擇器的使用方法如下:

$("prev~siblings");

prev是指任何有效的選擇器。

siblings是乙個有效選擇器並緊接著prev選擇器。

例如,要匹配div元素的同輩元素ul,可以使用下面的jquery**:

$("div~ul");

二 應用

篩選頁面中div元素的同輩元素。

三 **

第乙個p

第二個p

div外面的p

四 執行效果

五 執行說明

在圖中可以看到「div外面的p」被新增了背景,而「第乙個p」和「第二個p」的段落由於它不是div元素的同輩元素,所以沒有被新增背景。

jQuery中的動畫 《鋒利的JQuery》

自css3以來,主流 開始偏向於扁平風格和動畫效果,這時就可以jquery的動畫就可以發揮其長處了,靈活的應用其動畫api,讓我們可以設計出很多絢麗的效果。下面,讓我們來列舉一些jquery常用的動畫api。1 show 和hide 方法 1 從display none還原元素預設或已設定的disp...

《鋒利的jquery》認識jquery總結

window.onload和 document ready 執行時機不同,前者必須等待網頁中所有的內容載入完畢後,後者是所有dom結構繪製完畢後 編寫個數前者只允許乙個,後者允許多個。jquery物件和dom物件是不同的,但是可以進行相互轉換 var jq jq var jq jq 0 var jq...

二 jquery學習 jquery的效果

jquery的基本效果包括隱藏 顯示 切換,滑動,淡入淡出,以及動畫等等。一 隱藏與顯示 通過呼叫hide 和show 方法實現。語法如下 selector hide speed,callback selector show speed,callback 可選的 speed 引數規定隱藏 顯示的速度...