jQuery选择器详细介绍(伪类选择器)
一、简单伪类选择器
文章图片
二、子元素伪类选择器
文章图片
文章图片
总结:
(1)“:first-child”是选择父元素下的第1个子元素(不区分元素类型),“:first-of-type”是选择父元素下某个元素类型的第1个子元素(区分元素类型) (2)在“:only-child选择器”中,父元素是只有一个子元素的。但是在“:only-of-type选择器”中,却可以有多个子元素。“:only-of-type”相对“:only-child”来说,只是多了一个type(元素类型)的限制。 通过以下例子来深入了解only-of-type的意义:
JSON Object Example - 锐客网
这是一个段落
这是一个段落
这是一个段落
这是一个span
文章图片
JSON Object Example - 锐客网
这是一个段落
【jQuery选择器详细介绍(伪类选择器)】这是一个段落
这是一个span
文章图片
三、可见性伪类选择器
文章图片
JSON Object Example - 锐客网
#list *
{
display:none;
}
我爱简简单单的
我爱简简单单的
浏览器端运行效果如下所示:
文章图片
文章图片
四、内容伪类选择器
文章图片
五、表单伪类选择器
文章图片
六、表单属性伪类选择器
文章图片
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 事件代理
- jQuery插件
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- javascript|javascript 性能测试笔记
- 想吃山珍海味的烧肉粽吗(详细图文让你秒懂如何操作)
- 适用于小白(VSCode搭建Vue项目,最详细的搭建步骤哦)
- iOS|iOS 系统相关复习
- c语言|C语言初期学习遇到的特殊点 【三子棋详解】【初学者福音,详细总结,复习能手】
- TCP组件设计篇(详细设计)