Jquery搜尋父元素操作方法

2021-07-06 00:18:00 字數 1535 閱讀 7226

1. parents()方法

格式:

**如下:

parents([selector])

用於獲取當前匹配元素集合中每個元素的祖先元素,根據需要還可以使用乙個選擇器進行篩選。

如:

**如下:

$("p").parents().css("border", "1px solid blue);

2. cloest方法

格式:

**如下:

closest(selector[, context])

該方法從元素本身開始,逐級向上級元素匹配,並返回最先匹配的元素。

如:

**如下:

$("a").closest("div").css("border", "1px solid blue");

cloest()和parents()方法的主要區別如下:

① 前者從當前元素匹配查詢,後者從父元素開始匹配查詢

② 前者逐級向上查詢,直到發現匹配的元素後就停止了,後者一直向上查詢直到根元素,然後把這些元素放進乙個臨時集合中,再用給定的選擇器表示式去過濾。

③ 前者返回0或者1個元素,後者可能包含0個、1個或者多個元素。

3. parent()方法

格式:

**如下:

parent([selector])

用於獲取當前匹配元素集合中每個元素的父元素,根據需要,還可以使用乙個選擇器進行篩選。

如:

**如下:

$("p").parent().css("border", "1px solid blue");

4. parentsutil()方法

格式:

**如下:

parentsutil([selector])

用於獲取當前匹配元素集合中每個元素的祖先元素,直至給定選擇器匹配的元素(但不包括該元素)

如:

**如下:

$("li#li2").parentsutil("#ul1_li2").css("background", "#fcf");

5. offsetparent()方法

用於搜尋第乙個匹配元素的已定位的父元素,僅對可見元素有效,語法格式如下:

**如下:

offsetparent()

該方法查詢第乙個匹配元素的已定位元素,並返回由該元素包裝成的jquery物件。

綜合例子:

**如下:  

段落一段落二

段落三

執行效果如下圖所示:

Jquery之搜尋父元素操作

1 parents 方法 格式 parents selector 用於獲取當前匹配元素集合中每個元素的祖先元素,根據需要還可以使用乙個選擇器進行篩選。p parents css border 1px solid blue 2 cloest方法 格式 closest selector context ...

JQuery操作方法

jquery操作方法 位置操作 offser 方法 獲取相對於整個document的位置,按照左上角來看 查詢物件 offset 獲取從左上角來說的位置對應值 查詢物件 offset 設定位置 position方法 scrolltop 方法 獲取滾輪相對整個螢幕來說移動了多少值 window scr...

JQuery 屬性操作方法

以下的方法可以用於獲得或者設元素的dom屬性 addclass sample 1.p first addclass class1 如需加多個,用空格分隔 2.p addclass function n 注 n為選取器的index.hasclass sample p first hasclass cl...