jQuery dom元素層級匹配選擇器簡單介紹
在頁面中每一個dom元素都有其存在的位置。
我們可以通過與周邊dom元素的位置關係來獲取指定的dom元素。
jquery提供了實現這方面功能的選擇器,下面簡單的做一下介紹。
一.子元素選擇器:
此選擇器能夠查詢指定父元素下的所有一級子元素。
語法結構如下:
[JavaScript] 純文字檢視 複製程式碼$("parent->chilid");
更多相關內容可以參閱jQuery parent>child一章節。
二.後代元素選擇器:
此選擇器能夠查詢指定父元素下所有的後臺元素,不只是一級子元素。
語法結構:
[JavaScript] 純文字檢視 複製程式碼$("ancestor descendant");
更多相關內容可以參閱jQuery 後代選擇器一章節。
三.相鄰同輩元素選擇器:
此選擇器能夠查詢指定元素後面所有相鄰的元素。
語法結構:
[JavaScript] 純文字檢視 複製程式碼$("prev~siblings")
更多相關內容可以參閱jQuery prev ~ siblings一章節。
四.緊鄰同輩元素選擇器:
此選擇器能夠匹配緊鄰在prev元素後的next元素。
語法結構:
[JavaScript] 純文字檢視 複製程式碼$("prev + next")
更多相關內容可以參閱jQuery prev + next一章節。
相關文章
- jQuery選擇器介紹:基本選擇器、層次選擇器、過濾選擇器、表單選擇器jQuery
- jQuery的萬用字元選擇器簡單介紹jQuery字元
- jQuery子選擇器和後代選擇器區別簡單介紹jQuery
- JavaScript複製dom元素簡單介紹JavaScript
- jQuery選擇器 標籤選擇元素+css簡單新增移除操作jQueryCSS
- jQuery選擇器——表單元素過濾選擇器jQuery
- js dom元素事件處理簡單介紹JS事件
- 原生javascript獲取dom元素簡單介紹JavaScript
- javascript DOM元素節點操作簡單介紹JavaScript
- jQuery選擇器——層次選擇器jQuery
- css :target偽類選擇器簡單介紹CSS
- 原生js的常用dom元素操簡單介紹JS
- jQuery物件轉換為dom物件簡單介紹jQuery物件
- jQuery入門-DOM/$/選擇器jQuery
- jQuery選擇器之層次選擇器jQuery
- css選擇器的解析順序簡單介紹CSS
- CSS3屬性選擇器簡單介紹CSSS3
- jQuery選擇器——子元素過濾選擇器jQuery
- dom物件和jQuery物件相互轉換簡單介紹物件jQuery
- DOM元素的選擇
- jquery操作select下拉選單簡單介紹jQuery
- jquery實現的元素居中外掛簡單介紹jQuery
- <svg>元素簡單介紹SVG
- jQuery匹配具有指定字元的選擇器jQuery字元
- css選擇器中的加號+的作用簡單介紹CSS
- jQuery子元素過濾選擇器jQuery
- Relief 特徵選擇演算法簡單介紹特徵演算法
- jquery css()方法設定元素的樣式簡單介紹jQueryCSS
- jquery匹配具有指定字元的選擇器功能jQuery字元
- jQuery Validate簡單介紹jQuery
- jQuery filter() 用法簡單介紹jQueryFilter
- js和jQuery獲取視窗和元素尺寸簡單介紹JSjQuery
- jquery實現的倒數獲取li元素簡單介紹jQuery
- HTML DOM querySelectorAll() 代替 jquery的 $('') CSS選擇器HTMLjQueryCSS
- jQuery選擇器獲取前幾個元素jQuery
- jquery判斷元素是否可見隱藏程式碼簡單介紹jQuery
- jQuery iframe子視窗獲取父視窗元素簡單介紹jQuery
- :eq()選擇器匹配多個元素程式碼例項