jQuery的选择器(一)
2016-12-07 00:00
113 查看
jQuery选择器完全继承CSS风格,jQuery 选择器允许对 HTML 元素组或单个元素进行操作。
jQuery的选择器包括基本选择器、层次选择器、过滤选择器、表单选择器。下面我们就来详细讲解这几种选择器。
一、基本选择器
#id:根据给定的id匹配一个元素
.class:根据给定的类名匹配元素
element:根据给定的元素名匹配一个元素
*:匹配所有元素
selector1,selector2,...selectorN:将每一个选择器匹配到的元素合并在一起
这里我们先来写一个简单的布局
紧接着通过基本选择器来选择相应的HTML元素,改变元素的样式。
二、层次选择器
(ancestor descendant):选取ancestor 元素里的所有descendant(后代)元素
(parent > child):选择parent元素下的子元素child
(prev + next):选择紧接在prev元素后的next元素
(prev ~ siblings):选取prev元素之后的所有siblings兄弟元素。
先来写一个简单的布局
下面我们通过层次选择器来改变HTML元素的样式
jQuery的选择器包括基本选择器、层次选择器、过滤选择器、表单选择器。下面我们就来详细讲解这几种选择器。
一、基本选择器
#id:根据给定的id匹配一个元素
.class:根据给定的类名匹配元素
element:根据给定的元素名匹配一个元素
*:匹配所有元素
selector1,selector2,...selectorN:将每一个选择器匹配到的元素合并在一起
这里我们先来写一个简单的布局
紧接着通过基本选择器来选择相应的HTML元素,改变元素的样式。
二、层次选择器
(ancestor descendant):选取ancestor 元素里的所有descendant(后代)元素
(parent > child):选择parent元素下的子元素child
(prev + next):选择紧接在prev元素后的next元素
(prev ~ siblings):选取prev元素之后的所有siblings兄弟元素。
先来写一个简单的布局
下面我们通过层次选择器来改变HTML元素的样式
相关文章推荐
- JQuery 选择器
- jQuery选择器和选取方法
- jquery可见性过滤选择器使用示例
- jQuery选择器之动态列表显示Demo
- jquery选择器
- jQuery的层次选择器
- jQuery过滤性选择器
- jQuery简单过滤选择器
- jQuery学习笔记二(jQuery选择器)
- jQuery选择器-层次选择器示例
- jQuery中:contains选择器用法实例
- jQuery 选择器
- JavaScript(15)jQuery 选择器
- jquery选择器的使用方法
- jquery基本选择器
- jQuery中:reset选择器用法实例
- jquery.datepair日期时分秒选择器
- 精通jQuery选择器使用
- jquery选择器使用详解
- jQuery 学习笔记之四 (jQuery 选择器)