jQuery 对页面元素的搜索包括 父元素、同辈元素、子元素 的搜索。

1.父元素搜索

1)parents([selector]) 方法

$("p").parents().css("border","1px solid #999");     //给p元素的父元素添加边框样式
$("p").parents("div").css(...);    //给p元素的父元素中的div元素添加样式

(2)closest(selector[,context]) 方法

$("p").closest("div").css("color","blue");       //给指定p元素的第一个匹配的上级元素设置字体颜色

(3)parent([selector]) 方法

$("p").parent().css("border","1px solid #999");     //给p元素的父元素添加边框样式

(4)parentsUtil([selector]) 方法

(5)offsetParent() 方法。查找第一个匹配元素的已定位元素。(不太明白这个,做过实验还是迷迷糊糊)

2.同辈元素搜索

(1)next([selector])

(2)nextAll([selector])

(3)nextUtil([selector])

(4)prev([selector])

(5)prevAll([selector])

(6)prevUtil([selector])

(7)siblings([selector]) //搜索所有同辈元素

3.子元素搜索

(1)children([selector])  //只搜索所有直接子元素

(2)find(selector)  //必须有参数,搜索所有子元素

相关文章:

  • 2022-02-10
  • 2021-06-07
  • 2022-01-20
  • 2021-05-15
  • 2021-07-19
  • 2021-10-19
  • 2021-08-07
  • 2022-01-13
猜你喜欢
  • 2022-12-23
  • 2021-08-26
  • 2021-11-11
  • 2021-09-25
  • 2022-02-27
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案