jQuery选择器之层级选择器

级选择器

元素之间的关系
子选择器 child:parent后的直接子元素
写法:$("parent > child")
后代选择器 anyone:parent下面的所有元素
写法:$("parent anyone")
相邻兄弟选择器 所有紧接在brother之后的young brother元素
写法:$("brother + young brother"),记忆方法:兄弟心连心,所以兄弟元素的获取用加号;
一般兄弟选择器: 获取myself元素之后所有的neighbor元素
写法:$("brother ~ young brother")

相邻兄弟选择器和一般兄弟选择器的区别:
相邻兄弟选择器获取的是紧挨着brother的young brother
兄弟选择器会获取brother下所有的young brother,选择的范围更广

******注意:相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下
示例
相邻兄弟选择器:


图片.png

一般兄弟选择器:

图片.png

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,482评论 0 44
  • 环境搭建 进入官方网站获取最新的版本 http://jquery.com/download/ ,这里需要注意 j...
    阿r阿r阅读 826评论 0 7
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,628评论 0 11
  • 微信公共号:糊糊莉安
    糊糊莉安阅读 254评论 2 5