本文说明了Jquery搜索父元素的操作方法。分享给大家参考。具体分析如下：

1.parents()方法。

格式：复制代码如下：parents([selector])用于获取当前匹配元素集中每个元素的祖先元素，可以根据需要使用选择器进行筛选。例如，复制代码如下： $ ('p ')。父母()。CSS('边框'，' 1px纯蓝)；

2.最接近的方法。

:复制代码的格式如下：最近(选择器[，上下文])。此方法从元素本身开始，逐步匹配上层元素，并返回第一个匹配的元素。例如，复制代码如下： $ ('a ')。最近的(' div ')。CSS('边框'，' 1px纯蓝')；

cloest()和parents()方法之间的主要区别如下：

前者从当前元素匹配搜索，后者从父元素匹配搜索。

(2)前者逐步向上搜索，直到找到匹配的元素，然后停止，后者向上搜索，直到找到根元素，然后将这些元素放入临时集合中，然后用给定的选择器表达式进行过滤。

前者返回0或1个元素，而后者可能包含0、1或更多元素。

3.parent()方法。

格式：复制代码如下： parent([选择器])用于获取当前匹配元素集中每个元素的父元素，也可以根据需要使用选择器进行过滤。

例如，复制代码如下： $ ('p ')。父项()。CSS('边框'，' 1px纯蓝')；

4.parentsUtil()方法。

格式：复制代码如下：parentsUtil([selector])用于获取当前匹配元素集中每个元素的祖先元素，直到给定的选择器匹配该元素(但不包括该元素)。

例如，复制代码如下： $ ('Li # li2 ')。parents util ('# ul1 _ li2 ')。CSS('背景'，' # fcf ')；

5.offsetParent()方法。

用于搜索第一个匹配元素的定位父元素仅对可见元素有效。语法格式如下：复制代码如下：offsetParent()。

此方法查找第一个匹配元素的定位元素，并返回由该元素包装的jQuery对象。

综合示例：复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8'/title在文档中搜索指定元素的祖先和父元素/title script src=' http : jquery-1 . 4 . 2 . js ' type=' text/JavaScript '/script script language=' JavaScript ' type=' text/JavaScript ' $(文档)。ready(function(){ $('p '))。父项()。css('边框'，' 1px实心# 999 ')；//添加边框样式$ ('p ')。最近的(' div ')。CSS ('color '，' blue ')到p元素的父元素；//设置字体颜色$ ('Li ')。家长(' div ')。CSS('背景'，' # fcf ')。指定p元素的第一个匹配父元素的CSS ('height '，' 40px ')；//设置li祖先元素中div元素的样式。$('p ')。css('背景'，' # 99C ')；})/脚本样式类型=' text/CSS ' # top _ div { margin-top :4 px；边距-left :30 px；} # top _ div ul { display : inline；列表样式-type : none；margin:0px} # top _ div li { float:left显示：块；text-align : left；边距-left :2 px；宽度：80 px；padding-top :10 px；} # main _ div { margin-top :50 px；边距-left :30 px；}/style/head dy div id=' top _ div ' ul line ws/Li Li web page/Li Li it/Li Li now/Li limp 3/Li Li Li Li Li/Li/ul/div div id=' main _ div '标题一/标题二/标题二/标题二/。

运行效果如下图所示：

希望本文对大家的jQuery程序设计有所帮助。