jquery 层级选择器

关于层级选择器。 $("parent > child") 选择所有指定“parent”元素中指定的“child”的直接子项元素。 parent :任何有效的选择器。 child: 用来筛选子元素的选择器

$(function(){    $("ul.myul > li").css("border","2px solid red");    //将ul带有.myul选择下面的li 标签添加边框。});

$("ancestor descendant") 选择给定的祖先元素的所有后代元素 ancestor:任何有效的选择器; descendant: 一个用来筛选子元素的选择器;

$(function(){   $("form input").css("border","2px solid green")     //将form 内所有的input 标签加上边框 });

$("prev+next") 选择所有紧接着“prev"在元素后面的“next”元素。 prev 任何有效的选择器 next 用于筛选跟在“prev”后面的选择器

$(function(){     $("label + input").css("border","2px solid red")       //将所有紧跟在 label 后面的input 标签加上边框 });

$("prev ~ siblings") 选择任何一个有效选择器以后面的所有兄弟元素。它们具有相同的父元素。 prev 任何有效的选择器 siblings 一个选择器用来过滤第一个选择器之后的兄弟选择器。

$(function(){    $("#prev  ~ div").css("border","2px solid red");    // 将prev 选择器 后面的兄弟div 标签加上边框})

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏练小习的专栏

分享一个跨浏览器固定定位的方法。

我发现原来做前端真的是需要创意的。前几天看到别人用boeder代替边距做hover效果,这次又看到用这个办法做固定定位的,解开了我一个心结。 其实很简单,就是我...

21110
来自专栏Nian糕的私人厨房

CSS 布局_3 Position元素定位

我们之前已经介绍过行元素,块元素及行内块元素的属性了,能够知道它们是具有自己默认的显示方式的,即元素会按照文档流 (document flow) 的方式,自上而...

1394
来自专栏python3

tkinter -- Canvas(1)

提供可以用来进行绘图的 Container,支持基本的几何元素,使用 Canvas 进行绘图时,所有的操作都是通过 Canvas,不是通过它的元素

882
来自专栏偏前端工程师的驿站

当css属性width设为100%时

  平常在写页面html代码时,经常会使用到width:100%来使控件宽度为父控件的内容宽度。但如果父控件为body,而且没有明确设置body的宽度,那么就会...

2175
来自专栏.Net移动开发

.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件

获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写Text(菜单项文本),Value(内部值,不在界面上显示),如图 7、图 8;

1412
来自专栏Java帮帮-微信公众号-技术文章全总结

07.HTML实例

4254
来自专栏柠檬先生

jquery mobile 移动web(2)

button 按钮   data-role="button" 将超链接变成button。   具有icon 图标的button 组件...

1985
来自专栏smy

pc浏览器css和js计算浏览器宽度的差异以及和滚动条的关系

如图: css宽度:1250 不包括滚动条宽度 用控制台箭头选取元素显示的左边的宽度:1250  不包含滚动条宽度 缩放浏览器右上角显示的宽度:1267 包含了...

3116
来自专栏互联网杂技

关于css

常用的选择器:标签选择器,id选择器,class选择器,伪类选择器。 但是还有一个功能强大的选择器:属性选择器, 属性选择器,这样使用, 1、[属性名]{st...

3537
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:实现手机上常见的ListMenuView

打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2

1084

扫码关注云+社区

领取腾讯云代金券