jQuery层叠选择器用法实例分析-创新互联

本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考,具体如下:

目前创新互联已为数千家的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器租用、企业网站设计、吉林网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

层叠选择器

如果想通过DOM元素之间的层次关系来获取特定的元素,例如后代元素,子元素,相邻元素和兄弟元素等,那么层叠选择器是一个非常好的选择。

位置选择器语法如下:

  • "基准元素 层叠符号 目标元素"

层叠选择器的用法

  • 后代选择器
    • 格式:$("ancestor descendant")
  • 子选择器
    • 格式:$("parent>child")
  • 相邻选择器
    • 格式:$("prev+next")
  • 兄弟选择器
    • 格式:$("prev~siblings")

如操作:

  • 获取第一个ul下所有的li
  • 获取第一个ul下的子节点li
  • 获取form表单中第二个div之后的相邻节点
  • 获取form表单中第二个div之后的所有兄弟节点



网页标题:jQuery层叠选择器用法实例分析-创新互联
URL标题:http://bzwzjz.com/article/cssgcd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销型网站建设 成都营销网站制作 成都网站制作 网站制作 网站设计制作报价 成都营销网站建设 成都网站制作 网站制作 网站设计公司 网站建设方案 成都网站制作 手机网站制作设计 响应式网站设计 网站制作 成都网站设计 定制网站建设多少钱 成都网站建设 网站建设公司 成都网站建设 成都网站建设 H5网站制作 手机网站制作