同级选择器_基础选择器

JavaScript中，获取元素用getElementById( ),getElementsByTagName( )等，这些方式都比较长和麻烦，但是在jQuery将会简单和简洁。

可以用jQuery选择器简洁的获取元素，jQuery选择器分为“基础选择器”和“伪类选择器”，这一节就介绍“基础选择器”。

“基础选择器”分为三种：

(1)基本选择器

(2)层次选择器

(3)属性选择器

基本选择器

基本选择器有四种分别是：

(1)元素选择器

(2)id选择器

(3)class选择器

(4)群组选择器

元素选择器

用法：

$("元素名")

举例：

DOCTYPE html>

<html>

<head>

<title>基本选择器——元素选择器title>

$(function(){

$("div").css("color","red");

})

script>

head>

<body>

<div>刘德华div>

<span>张学友span>

<div>郭富城div>

<span>黎明span>

body>

html>

在上面的例子中，$(function(){......})就是window.οnlοad=function(){...}。$("div")表示选中所有div元素，这可以看成对象，css是一个对象方法用来定义样式。

id选择器

用法：

$("#id名")

class选择器

用法：

$(".类名")

群组选择器

用法：

$("选择器1,选择器2,...,选择器n")

层次选择器

通过元素之间的层次关系来选择元素。常用层次选择器如下表。

选择器	说明
M N	后代选择器：M元素内部的所有后代N元素
M>N	子代选择器：M元素内部的子代1级N元素
M~N	兄弟选择器：M元素后面所有同级N元素
M+N	相邻选择器：M元素相邻的同级N元素

属性选择器

常见属性选择器如下表：

选择器	说明
E[attr]	E元素必须有attr属性
E[attr = "value"]	E元素的attr属性取值是"value"
E[attr != "value"]	E元素的attr属性取值不是"value"
E[attr ^= "value"]	E元素的attr属性取值是以"value"开头的任何字符
E[attr $= "value"]	E元素的attr属性取值是以"value"结尾的任何字符
E[attr *= "value"]	E元素的attr属性取值是包含"value"的任何字符
E[attr \|= "value"]	E元素的attr属性取值等于"value"或以"value"开头
E[attr ~= "value"]	E元素的attr属性取值等于"value"或包含"value"

E是元素，attr是属性，value是属性值。

本节主要学习了基础选择器，最后对其总结。

基本选择器
层次选择器
属性选择器

同级选择器_基础选择器相关推荐

jquery：选择器【基础选择器、层级选择器、属性选择器和方法操作、过滤选择器、筛选选择器和方法，可见性过滤选择器】
名称用法描述基础选择器 id选择器 $('#class') 指定id的元素类选择器 $('.class') 指定类标签选择器 $('div') 指定标签并集选择器 $('div,class ...
css复合选择器和基础选择器、css三大特性
复合选择器在css中,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 常用的复合选择器:后代选择器.子选择器.并集选择器.伪类选择器 (1)后代选择器后代选择器又称为包含选择器,可 ...
js后代选择器_后代选择器和子元素选择器的区别
原文简书原文:https://www.jianshu.com/p/4a776598c69c 大纲 1.后代选择器和子元素选择器的相关概念 2.后代选择器和子元素选择器的区别 1.后代选择器和子元素选 ...
java 字体选择器_字体选择器
/** JFontChooser.java * * Created on 2006年11月17日, 上午11:21 * * To change this template, choose Tools ...
02CSS基础选择器
1.CSS选择器的作用 <div>我是div</div> <div>我是div</div> <p>我是段落</p> <ul ...
CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表
前言:本篇文章为 CSS 基础系列笔记第一篇,参考黑马程序员pink老师前端入门教程如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...
CSS基础知识汇总{主要内容： CSS语法结构，类选择器，后代选择器，交集选择器等}
1.CSS的作用: 通过css达到美化网页的效果 2.选择器: ✔ 基础选择器(重点) ◆标签选择器(重点学习) ◆类选择器(重点学习) ◆ID选择器 ◆通配符选择器 ✔ 复合选择器(重点) ◆后代选 ...
八、CSS基础选择器
一.CSS基础选择器 1.CSS选择器的作用选择器(选择符)就是根据不同需求把不同的标签选出来,这就是选择器的作用.简单来说:就是选择标签用的. 以上CSS做两件事: 找到所有的h1标签.选择器(选 ...
6—CSS基础选择器（标签选择器、类选择器、id选择器）
css简介 css是层叠样式表的简称,css主要用于设置html的文本内容.图像的外形以及版式的布局和外观显示样式.css让我们的网页更加丰富多彩,布局更加灵活自如. css语法规范 css规则由两个 ...

同级选择器_基础选择器

同级选择器_基础选择器相关推荐

最新文章

热门文章