jQuery选择器之层级选择器

层级选择器:

$("parent>child")子选择器:选择所有指定“parent”元素中指定的“”child”的直接子元素

$("ancestor descendant")后代选择器:选择给定的祖先元素的所有后代元素,一个元素的后代可能是该元素的一个孩子、孙子、曾孙等

$("prev+next")相邻兄弟选择器:选择所有紧接在“”prev”元素后的”next”元素

$("prev~siblings")一般兄弟选择器:匹配“prev”元素后的所有兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器

四种层级选择器之间的相似点和不同点:

        1.层级选择器都有一个参考节点

        2.后代选择器包含子选择器的选择的内容

        3.一般兄弟选择器包含相邻兄弟选择器的内容

        4.相邻兄弟选择器和一般兄弟选择器所选择的元素,必须在同一个父元素下

实例:

<!doctype html>
<html>


<head>
    <meta http-equiv="Content-type" content="text/html; charset=gbk" />
    <title>层级选择器</title>
    <style type="text/css">

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值