jQuery的选择器(一)
来源:互联网 发布:淘宝新手如何找货源 编辑:程序博客网 时间:2024/05/19 00:08
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元素的样式
0 0
- jQuery的选择器(一)
- jQuery选择器(一)
- jquery选择器(一)
- Jquery选择器(一)
- jQuery选择器(一)
- jQuery选择器(一)
- jQuery选择器(一)
- 《锋利的jQuery》要点归纳(一) jQuery选择器
- Jquery选择器练习(一)
- jquery 学习(一)--------jquery选择器
- jQuery基础系列(一):jQuery选择器
- JQuery选择器(一) 基本选择器
- JQuery快速学一(强悍的选择器)
- jQuery选择器(一)——基本选择器
- 一步一步jquery(二) 选择器(一)
- jquery 学习总结(一) 选择器
- JQuery学习笔记(一)--选择器
- jQuery学习笔记(一):选择器
- 对称密钥
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- leetcode sum问题
- Python+Selenium环境搭建
- 如何将React Native 项目运行在 Web 浏览器上面
- jQuery的选择器(一)
- 邮件门的迷宫 希拉里邮件数据探索
- leetcode-56. Merge Intervals
- Android开发中布局填充器的方法
- Comparable接口的实现和使用
- OPEN(SAP) UI5 学习入门系列之二: 最佳实践练习(上)
- jquery判断鼠标移动方向--版本2
- python 学习(一) 中文,字符串,以及input和raw_input区别
- Nginx模块开发之hello world