jQuery的选择器（一）

2019独角兽企业重金招聘Python工程师标准>>>

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元素的样式

转载于:https://my.oschina.net/u/2971691/blog/801331

jQuery的选择器（一）相关推荐

jQuery css()选择器使用说明
css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS( ...
jQuery 基础选择器/层级选择器/隐式迭代
jQuery 选择器 jQuery 层级选择器隐式迭代(重要) <!DOCTYPE html> <html lang="en"><head>& ...
java与jquery的选择器区别_JQuery选择器
原标题:JQuery选择器声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记. JQuery 介绍: 用于搜索H ...
JQuery简介选择器
JQuery简介&选择器文章目录 JQuery简介&选择器一.jquery介绍二.jquery加载三.jquery选择器 1.id选择器 2.类选择器 3.元素选择器 4.全选 ...
第70天：jQuery基本选择器（一）
一.jQuery基本选择器 jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到,而javascri ...
jquery下选择器整理
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个 ...
[jQuery] 说说看jQuery的选择器有哪些？
[jQuery] 说说看jQuery的选择器有哪些? 1.基本选择器: #id .element ..class .* .selector1... 2.层次选择器: ancestor descenda ...
jQuery学习--选择器的使用
jQuery基本选择器 1. jQuery的ready事件 -> js的onload 2. 选择器的使用 1. jQuery的ready事件 -> js的onload 大多是第一种,匿名函 ...
浅谈jQuery的选择器
jQuery的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("A B") 查找A元素下面的所有子节点,包括非直接子节点 $("A>B") ...

jQuery的选择器（一）

jQuery的选择器（一）相关推荐

最新文章

热门文章