jQuery 基础选择器

最新推荐文章于 2023-03-13 22:06:30 发布

你说呢_-

最新推荐文章于 2023-03-13 22:06:30 发布

阅读量284

点赞数

分类专栏： Jquery 文章标签： jquery

本文链接：https://blog.csdn.net/w617777/article/details/45953803

版权

Jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

* 选择器
“*”号选择器，它的功能是获取页面中的全部元素
例如：

<body>
  <div>
    <span></span>
    <p></p>
    <label></label>
  </div>
</body>
<script>
  $('div *').html("全部被替换为这个内容");
</script>

parent > child选择器
parent > child选择器所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈
例如：

<body>
  <div>码农家族
    <p><label></label></p>
    <label></label>
    <label></label>
  </div>
  <label></label>
<script type="text/javascript">
  $("div>label").css("border", "solid 5px red");
</script>
</body>

prev + next选择器
prev + next选择器可以查找与“prev”元素紧邻同级的下一个“next”元素
例如：

<body>
  <div>码农家族
    <label></label>
    <p></p>
    <label></label>
    <label></label>
  </div>
  <label></label>
<script type="text/javascript">
  $("p+label").css("background-color","red");
</script>
</body>

prev ~ siblings选择器
prev ~ siblings选择器可以查找prev 元素之后的相邻元素后面全部相邻的元素
例如：

<body>
  <div>码农家族
    <label></label>
    <p></p>
    <label></label>
    <label></label>
  </div>
  <label></label>

<script type="text/javascript">
  $("p~label").css("border", "solid 1px red");
</script>
</body>

你说呢_-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 基础选择器

* 选择器 “*”号选择器，它的功能是获取页面中的全部元素例如：<body> <div> <span></span> <p></p> <label></label> </div></body><script> $('div *').html("全部被替换为这个内容");</script>parent > child选择器 parent > child
复制链接

扫一扫

专栏目录