类选择器(".class") 描述: 选择所有与给出类匹配的元素 对于类选择器来说,jquery使用的是javascript原生的方法getElementByClassName() 例子: <!doctype html> <html lang='zh'> <head> <meta charset="utf-8"> <title>class demo</title> <style type=…
所有选择器("*") 描述:选择所有元素 注意:大多数情况下,这个选择器极其的慢,尤其是在作用于自身时. 例子: 查找文档中的每个元素.然后追加一个<script>或<link>元素到DOM里, 这个元素会被认为是可行的. <!doctype html> <html lang="zh"> <head> <meta charset="utf-8"> <title>a…
多种元素选择器  jQuery("selector1,selector2,selectorN") 例子: <!doctype html> <html lang='zh'> <head> <meta charset='utf-8'> <title>multiple demo</title> <style type="text/css"> </style> <scrip…
ID选择器("#id") 描述: 选择与给出ID属性匹配的单元标签. 对于ID选择器,jquery使用JS的函数document.getElementById(),当一个标签附加到ID选择器上时,也是非常有效的.如h2#pageTitle,jquery会在识别元素标签前进行检查以做出匹配. 例子: <!doctype html> <html> <head> <meta charset='utf-8'> <title>id de…
标签选择器("element") 描述: 选择所有与给出标签名相匹配的元素. 同功能的JS原生方法:getElementByTagName() 例子:  查找每个div元素. <!doctype html><html> <head> <meta charset='utf-8'> <title>element demo</title> <style type="text/css"> d…
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1.基础选择器 2.层级选择器 1).ancestor descendant 2).parent > child 3).prev + next 4).prev ~ siblings 3.基本筛选器 4.内容选择器 5.可见性选择器 6.属性选择器 7.子元素选择器 8.表单选择器 9.表单元素选择器…
1,选择器:选择器的一些基本常用规则基本都记得,w3c上都有,平时也常用,不常用的一些后代选择器经常就忘记了.一些归纳一下后代选择器,加深一下印象: a:子选择器:   p>a  a是直接是p的儿子,而不是孙子曾孙子.就是儿子,只有一代关系. b:相邻兄弟选择器: h1 +p h1 和 p 必须拥有相同的父元素.他们是同胞.样式作用在 p 上面.(与h1相邻的p元素). 2,伪类和为元素 a : 平时也市场在用,尤其是a连接的几个伪类.伪类的顺序非常的重要:link-visited-focus-…
一.元素选择器 HTML文档元素就是最基本的选择器 如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style type="text/css"> p {color:blue;} </style> </head> &…
目录 1.元素选择器 2.继承 3.选择器分组 4.声明分组 5.后代选择器 6.子元素选择器 7.相邻兄弟选择器 8.类选择器 9.ID 选择器 10.属性选择器 11.伪类 12.伪元素 1.元素选择器 最常见的 CSS 选择器莫过于元素选择器,换言之,HTML 文档中的元素是最基本的选择器 body {color:black;} h1 {color:gray;} p {color:white;} 2.继承 根据 CSS 规则,子元素将会继承最高级元素所拥有的属性.例如,如果在 body 元…
根元素选择器 描述:选择文档的根节点元素.jQuery( ":root" ) 例:显示文档根节点标签名. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>root demo</title> <style> </style> <script src=&qu…