本文说明了jQuery搜索对等元素的方法。分享给大家参考。具体分析如下：

1.next()方法。

它用于在每个匹配元素之后立即搜索单个同级元素，并且可以指定选择器来根据需要过滤同级元素。语法格式如下：复制代码如下： next([选择器]) $ ('p ')。下一个(' p ')。CSS ('color '，' # fcf ')；

2.nextAll()方法。

它用于在每个匹配元素之后立即搜索所有同级元素。如有必要，可以指定选择器来过滤同级元素。复制代码如下：全部([选择器]) $ ('p ')。NextAll()。CSS('颜色'，'蓝色')；

3.nextUtil()方法。

用于在每个匹配元素之后立即获取同级元素，直到它匹配给定选择器的元素(但不包括此元素)。格式如下：复制代码如下： next ustil([选择器])。

示例：复制代码如下： $ ('# div 1 ')。nexutil ('div ')。CSS('边框'，' 1px纯红')；

将从id为div1的元素开始到下一个div元素结束的所有中间同级元素的边框设置为红色。

4.prev()方法。

它用于搜索每个匹配元素前面的单个同级元素，并且可以指定一个选择器来根据需要过滤同级元素。语法格式如下：复制代码如下： prev([选择器])。

示例：复制代码如下： $ ('# div2 ')。prev ('span ')。CSS('颜色'，'蓝色')；div2元素之前的span元素的字体将变为蓝色。

5.prevAll()方法。

用于搜索当前元素之前的所有对等元素，或指定一个选择器来筛选对等元素。语法如下：复制代码如下：prevAll选择器])。

6.prevUtil()方法。

它用于搜索当前元素之前的所有同级元素，直到遇到匹配的元素。语法格式如下：复制代码如下： prev util([选择器]) $ ('# div2 ')。prevutil ('input ')。CSS('颜色'，'红色')；

7.兄弟()方法。

它用于搜索每个匹配元素的所有对等元素，并且可以指定一个选择器来根据需要过滤这些对等元素。格式如下：复制代码如下： iblings([选择器]) $ ('div ')。兄弟姐妹()。CSS('颜色'，'红色')；

示例：复制代码如下：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 '/script src=' http : jquery-1 . 4 . 2 . js ' type=' text/JavaScript '/script title搜索指定元素的同级元素/title script language=' JavaScript ' type=' text/JavaScript ' $(文档)。ready(function(){ $('#td1 '))。下一个()。css('color '，' red ')；//设置字体颜色$ ('# td1 ')。nextall()。此td元素的下一个同级元素的CSS('边框'，' 1px纯蓝')；//设置边框$ ('# td2 ')。prev()。td元素后面所有兄弟元素的CSS ('color '，' # 99c ')；//设置字体颜色$ ('# td2 ')。普雷瓦尔()。CSS ('background '，' # fcf ')到td元素前面的对等元素；//设置背景$ ('# td3 ')。兄弟姐妹()。td元素前面所有对等体的CSS ('color '，' # 99f ')；//为当前字段中指定元素的对等项设置字体颜色})/脚本/头体H3 align=' center '酒店房间住宿表/H3表宽度=' 637 '高度=' 351 '边框=' 1' tr TD宽度=' 115' id=' td1 '单人间跨度(已占用)/span/td TD TD宽度='112 '双人间跨度(未占用)/span/TD宽度=' 134 '豪华套房跨度(已占用)/span/td td宽度='117 '单人间跨度(已占用)/spanspan/Td Td Td id=' td2 '豪华套房span(不入住)/span/td td单人间span(不入住)/span/td/tr Td单人间Span(不入住)/Span/Td双人间Span(不入住)/span/Td id=' td3 '豪华套房span /span/td td Td单人间span /span/td td豪华套房Span/Span/Td/tr Td单人间Span/Span/td td Td双人间Span/Span/Td Td豪华套房Span/Td Td。Span/td td单人房跨度(未入住)/span/td豪华套房跨度(已入住)/Span/tr TD单人房跨度(已入住)/span/td双人房跨度(未入住)/span/td豪华套房跨度(已入住)/span/td单人房跨度(已入住)/span/td豪华套房。

效果图如下：

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