jQuery层叠选择器用法实例分析-创新互联
本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考,具体如下:
目前创新互联已为数千家的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器租用、企业网站设计、吉林网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。层叠选择器
如果想通过DOM元素之间的层次关系来获取特定的元素,例如后代元素,子元素,相邻元素和兄弟元素等,那么层叠选择器是一个非常好的选择。
位置选择器语法如下:
- "基准元素 层叠符号 目标元素"
层叠选择器的用法
- 后代选择器
- 格式:
$("ancestor descendant")
- 格式:
- 子选择器
- 格式:
$("parent>child")
- 格式:
- 相邻选择器
- 格式:
$("prev+next")
- 格式:
- 兄弟选择器
- 格式:
$("prev~siblings")
- 格式:
如操作:
- 获取第一个ul下所有的li
- 获取第一个ul下的子节点li
- 获取form表单中第二个div之后的相邻节点
- 获取form表单中第二个div之后的所有兄弟节点
当前名称:jQuery层叠选择器用法实例分析-创新互联
URL标题:http://hbruida.cn/article/cssgcd.html