对于一个前端er，选择器是日常生活中必须接触的部分，这篇文章主要探讨一下选择其的分类及一些小技巧。 【分类】 1.基础选择器 2.结构选择器 3.伪类选择器 4.伪元素 5.属性选择器 【描述】 1.基础选择器（浏览器都兼容） * 通配符 （可以匹配元素中所有的html元素）
如：*{color:#000;}则代表将页面全部元素添加属性为#000的颜色值；
E 元素选择器（匹配特定的标签）
标签、通配符选择器 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签选择器</title>
<style type="text/css">
<!--
body:标签选择器
*：通配符选择器
.：类选择器
，：并集选择器
C
CSS3选择器 选择器中的属性： 之前介绍过[ ]里可以定义属性或属性值，之后的标签中只要含有该定义的属性或属性值就会拥有该样式。所以继续介绍剩下的几种声明方式。 [attribute^=value]，例如：[title^=”abc”]，选择只要是title属性值以abc开头的每个标签，就赋予这个样式，示例： 运行结果： [attribute$=value]，例如：[title$=”123”]，选
《css权威指南》 第三版 第一章 CSS和文档 1.CSS(Cascading style sheet)，层叠样式表。 2.CSS将html中的元素分为替换元素和非替换元素。 - 替换元素：用来替换元素内容的部分并非由文档内容直接表示，如img/input元素 - 非替换元素：内容由用户代理（浏览器）在元素本身生成的框中显示，如span/p等 3.CSS还将html中的元素分为块级元素和行内元素
jQuery的同级选择器有七个，其中最常用的是next()和prev()，使用时要避免跟after()和before()混淆。前者是获取元素，后者是往指定位置插入值。 通过下面的demo可以清楚的了解这7个同级选择器： <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery遍历之同级遍历</title>
<script
我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法，以及一些提取和扩充选中元素集的方法了。 一、jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中，jQuery支持相当完整的一套子集，同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中使用。选择器语法
层次选择器 高级选择器方法： find()、children()、next()、nextAll()、prev()、prevAll()、siblings()、nextUntil()、prevUntil() 这些方法如果不传递参数，相当于传递了('*')，即所有节点。如果传递了参数，例如 find('p'), next('a')，则表示选择指定的标签元素。 find()：选择正在处理的元素的后代元素,
jquery常用选择器 基本选择器 $(‘*’) 匹配页面所有元素 $(‘#id’) id选择器 $(‘.class’) 类选择器 $(‘element’) 标签选择器 组合/层次选择器 $(‘E,F’) 多元素选择器，用”,分隔，同时匹配元素E或元素F $(‘E F’) 后代选择器，用空格分隔，匹配E元素所有的后代（不只是子元素、子元素向下递归）元素F $(E>F) 子元素选择器，用”>”分隔，
一、表单选择器 :input：获取所有表单中的元素，包含input元素、textarea元素、select元素、button元素。 例如： HTML代码： <form>
<input type="text" name="user" value="123">
<input type="password" name="pass" value="456">
<textarea></textare
JQuery选择器 1 什么是JQuery选择器 快速高效的找到指定节点，支持css语法设置页面 2 JQuery选择器分类 2.1 基本选择器 CSS选择器 层级选择器 表单域选择器 2.2 过滤选择器 简单过滤选择器 内容过滤选择器 属性过滤选择器 子元素过滤选择器 表单域属性过滤选择器 可见性过滤选择器 3
JQuery层级选择器 1 全选择器 $("*") 又名*选择器，在JQuery中选择文档页面中的元素，通配符*给所有元素设置默认边距 2 在.getElementsByTagName()传递*可以获取所有元素 3 getElementById的兼容性 getElementById的参数在IE8及较低的版本中不区分大小写 IE8及较低的版
jquery之样式学习 一、选择器 jquery选择器 jquery选择器之id选择器 $("#id") jquery选择器之类选择器 $(".class") jquery选择器之元素选择器 $("div") jquery选择器之全选择器 $("*") jquery选择器之层级选择器： 子元素 $("div > p") 后代元素 $("div p") 兄弟元素 $(".prev+div
基本筛选选择器和内容筛选选择器 1 基本筛选选择器能更快捷的找到所需的DOM元素 2 基本筛选选择器的描述 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 用来过滤的选择器，选择所有元素取出不匹配给定的选择器元素 $(":eq(index)") 在匹配的
可见性筛选选择器和属性筛选选择器 1 可见性筛选选择器 $(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素，包含display=“none”元素的样式和隐藏表单、visibility等 2 隐藏元素的方式 css display的值是none type=“hidden”的表单元素 宽度和高度都显示
子元素筛选选择器和表单元素选择器 1 子元素筛选选择器描述 $(":first-child") 选择所有父级元素下的第一个子元素 $(":last-child") 选择所有父级元素下的最后一个子元素 $(":only-child") 选择父元素唯一的子元素 $(":nth-child") 选择所有他们父元素的第n个子元素 $(":nth-la
jQuery 1、jquery的简介 2、jquery的选择器 3、jquery的dom操作 4、jquery的表单校验 一、jquery简介 1、jquery概述 jquery是一个优秀的javascript的轻量级框架，兼容css3和各大浏览器，提供了dom、events、animate、ajax等简易的操作。并且jquery的插件非常丰富，大多数功能都有相应
核心选择器 语法 描述 * 选择所有元素 <type> 选择特定类型的元素 .<class> 选择具有特定class的元素 <type>.<class> 选择具有特定class的某类元素 ‘#id 选择具有特定id属性值的元素 属性选择器 语法 描述 [attr] 选取定义了attr属性的元素，即使这个属性值为空 [attr=”val”] 选择attr属性值等于字符串val的元素 [attr^=”
语法 描述 B:first 匹配页面上满足选择器B的第一个元素 B:last 匹配页面上满足选择器B的最后一个元素 B:first-child 所有匹配选择器B的第一个元素 B:last-child 所有匹配选择器B的所有最后一个元素 B:only-child 匹配选择器B的唯一元素。 B:nth-child(n) 匹配选择器B的第N个子元素，从1开始。 B:nth-child(odd,even)
语法 描述 B:animated 匹配B的所有的动画元素 B:button 匹配B的所有button元素(button, input[type=submit], input[type=reset] or input[type=button]) B:checkbox 匹配B的所有checkbox元素( input[type=checkbox]) B:enabled 匹配B的所有可用状态元素 B:fi
form input：查询form下所有input元素，含有后代关系 form>input：查询form下所有input元素，有有父子关系，没有后代关系 form+input：查询与form同级的第一个input元素，是兄弟关系 form~input：查询与form同级的所有input元素，是兄弟关系 <html>
<head>
<meta http-equiv="content-ty
