css选择器 | 易学教程

前端开发工具之jQuery

阅读更多关于前端开发工具之jQuery

jQuery 　　jQuery是一个轻量级的JavaScript第三方库，能够简单方便的进行JavaScript编程。　　jQuery选择器　　　　1，id选择器： $("#id") 　　　　2，标签选择器： $("标签名") 　　　　3，类选择器： $(".类名") 　　　　4，限定选择器： $("div.c1") // 找到有c1类的div标签　　　　5，全局选择器： $("*") // 找到所有　　　　6，多项选择器： $("#id, .类名, 属性名") 　　　　7，层级选择器：x和y可以为任意选择器 $("x y") // x的所有后代y（子子孙孙） $("x > y") // x的所有儿子y（儿子） $("x + y") // 找到所有紧挨在x后面的y $("x ~ y") // x之后所有的兄弟y 　　　　8，属性选择器： $(input [type]) // 找到有type属性的input标签 $(input [type="text"]) // 找到type属性值为text的input标签 $(input [type="text"]) // 找到type属性值不为text的input标签　　　　9，选择器的筛选： :first // 第一个 :last // 最后一个 :eq(index) // 索引等于index的那个元素 :even //

HTML层叠性&优先级&！important用法

阅读更多关于 HTML层叠性&优先级&！important用法

一、层叠性 1.定义：CSS处理冲突的一种能力 2.注意点：层叠性只有在多个选择器中“同一标签”，然后又设置了“相同的属性”，才会发生层叠性 3.CSS缩写：Cascading StyleSheet #odd{color: red;} p{color:blue;} ..........省略代码......... <body> <p id="odd">我被多处设置属性</p> 解释：如上代码我们对p标签以及odd类进行了属性的设置，但只遵循了一种属性设置，因此可以看出CSS具有解决这种层叠性冲突的功能。开发者工具中也指出了p标签的属性设置不生效。二、优先级 1.作用：当多个选择器选中同一个标签，并且给同一个标签设置相同的属性时，如何层叠就由优先级来确定 2.优先级的判断的三种方式（1）是否被直接选中（间接地选中就是“继承”），如果是间接选中那么遵循就近原则。例子一：遵循直接被选中的情形 web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频） li{color: red;} p{color:blue;} ..........省略代码......... <ul> <li> <p id="odd">我被多处设置属性</p> </li> </ul> 例子二：间接选中遵循就近原则 ul

jQuery帮助文档

阅读更多关于 jQuery帮助文档

jQuery 库 - 特性基础 jQuery 实例 jQuery 是一个 JavaScript 函数库。下面的例子演示了 jQuery 的 hide jQuery 库包含以下特性：实例 HTML 元素选取 <html> HTML 元素操作 <head> CSS 操作 <script type="text/java HTML 事件函数 <script type="text/javascr JavaScript 特效和动画 $(document).ready(function HTML DOM 遍历和修改 $("button").click(function AJAX $("p").hide(); Utilities }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p <p>This is another paragra <button type="button">Clic </body> </html> jQuery 语法 jQuery 语法是为 HTML 元素的选取编制，可以对元素执行某些操作。基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery

【CSS学习】CSS学习笔记

阅读更多关于【CSS学习】CSS学习笔记

作者： gnuhpc 出处： http://www.cnblogs.com/gnuhpc/ 注：本学习笔记只是自己的一些备忘，初学者的东西不具有参考性，请到W3School（ http://www.w3school.com.cn/css/index.asp ）进行系统学习。学习CSS我使用的工具是Visual CSS，可以实现同步预览，快速学习编辑CSS。 1.CSS的作用：用来规定网页中的内容的显示方式，避免给HTML增加很多的属性而将代码变得臃肿。 2.CSS的应用方式（1）内联样式：在标签中包括一个style属性，并在其后定义CSS属性及值，例如： Hello world! （2）文档级样式表：将一系列样式规则罗列在HTML文档开头，处于内的之间，它可以改变外部样式表中定义的一个或多个规则，创建一个个性化的文档，适用于单个HTML文件。（3）外部样式表：将样式定义放置于分离的文档中，在各个需要应用该样式表的HTML通过在内的标签引入这个分离文档，例如。每次打开页面都需要下载这个表格，所以要尽量减小样式表的容量。注意：三种样式表作用域不同，同时存在时的页面处理原则为： “近优先于远”——内联样式>文档级样式。 “局部优先于整体”——定义为标签的类的属性>为标签总体进行定义的属性 “特殊优先于一般”——上下文样式>为标签总体进行定义的属性 “后优先于前”—

jQuery快速入门

阅读更多关于 jQuery快速入门

一、jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

CSS3 选择器

阅读更多关于 CSS3 选择器

CSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器例子例子描述 CSS . class .intro 选择 class="intro" 的所有元素。 1 # id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素。 1 element , element div,p 选择所有 <div> 元素和所有 <p> 元素。 1 element element div p 选择 <div> 元素内部的所有 <p> 元素。 1 element > element div>p 选择父元素为 <div> 元素的所有 <p> 元素。 2 element + element div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。 2 [ attribute ] [target] 选择带有 target 属性所有元素。 2 [ attribute = value ] [target=_blank] 选择 target="_blank" 的所有元素。 2 [ attribute ~= value ] [title~=flower] 选择 title

Jquery

阅读更多关于 Jquery

目录 day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 1.1.2 jQuery的概念 1.1.3 jQuery的优点 1.2. jQuery 的基本使用 1.2.1 jQuery 的下载 1.2.2. 体验jQuery 1.2.3. jQuery的入口函数 1.2.4. jQuery中的顶级对象$ 1.2.5. jQuery 对象和 DOM 对象 1.2.6. jQuery 对象和 DOM 对象转换 1.3. jQuery 选择器 1.3.1. 基础选择器 1.3.2. 层级选择器 1.3.3. 筛选选择器 1.3.4 知识铺垫 1.3.5 案例：淘宝服饰精品案例 1.4. jQuery 样式操作 1.4.1. 方法1: 操作 css 方法 1.4.2. 方法2: 设置类样式方法 1.4.3. 案例：tab 栏切换 1.5. jQuery 效果 1.5.1. 显示隐藏 1.5.2. 滑入滑出 1.5.3 淡入淡出 1.5.4 自定义动画 1.5.5 停止动画排队 1.5.6. 事件切换 1.5.7. 案例：王者荣耀手风琴效果 1.6. 今日总结 day02 - jQuery 1.1. jQuery 属性操作 1.1.1 元素固有属性值 prop() 1.1.2 元素自定义属性值 attr() 1.1.3 数据缓存 data() 1

CSS面试题整理

阅读更多关于 CSS面试题整理

Css篇： 1.有哪项方式可以对一个DOM设置它的CSS样式？　　外部样式表，引入一个外部css文件内部样式表，将css代码放在 <head> 标签内部内联样式，将css样式直接定义在 HTML 元素内部 2.CSS都有哪些选择器？派生选择器（用HTML标签申明） id选择器（用DOM的ID申明）类选择器（用一个样式类名申明）还有一些扩展选择器。后代选择器（利用空格间隔，比如div .a{ }）群组选择器（利用逗号间隔，比如p,div,#a{ }）　 CSS选择器的优先级是怎么样定义的？用1表示派生选择器的优先级用10表示类选择器的优先级用100标示ID选择器的优先级 div.test1 .span var 优先级 1+10 +10 +1 span#xxx .songs li 优先级1+100 + 10 + 1 #xxx li 优先级 100 +1 3.CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？　　　　最基本的：　　设置display属性为none，或者设置visibility属性为hidden 　　技巧性：　　设置宽高为0，设置透明度为0，设置z-index位置在-1000 4.超链接访问过后hover样式就不出现的问题是什么？如何解决？答案：被点击访问过的超链接样式不在具有hover和active了

CSS选择器大全

阅读更多关于 CSS选择器大全

CSS选择器用于选择你想要的元素的样式的模式。 "CSS"列表示在CSS版本的属性定义（CSS1，CSS2，或对CSS3）。选择器示例示例说明 CSS . class .intro 选择所有class="intro"的元素 1 # id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有<div>元素和<p>元素 1 element element div p 选择<div>元素内的所有<p>元素 1 element > element div>p 选择所有父级是 <div> 元素的 <p> 元素 2 element + element div+p 选择所有紧接着<div>元素之后的<p>元素 2 [ attribute ] [target] 选择所有带有target属性元素 2 [ attribute = value ] [target=-blank] 选择所有使用target="-blank"的元素 2 [ attribute ~= value ] [title~=flower] 选择标题属性包含单词"flower"的所有元素 2 [ attribute |= language ] [lang|=en] 选择一个lang属性的起始值

谈谈css伪类与伪元素

阅读更多关于谈谈css伪类与伪元素

谈谈css伪类与伪元素前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的: focus 、: hover 以及 <a> 标签的: link 、: visited 等，伪元素较常见的比如: before 、: after 等。在这里也许有不少人都见过:before，::before这样的写法，估计有些人很纳闷，这两者有什么区别吗？有疑问，那我们就先把疑问解决了先，不要把疑问留着。其实:before，::before这两种写法都是等效，只是:befor是CSS2的写法，::before是CSS3的写法。双冒号(::)这是CSS3 规范中的要求，目的是为了区分伪类和伪元素，大多数浏览器都支持这两种表示方式。单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素。对于 CSS2 中已经有的伪元素，例如 :before，单冒号和双冒号的写法 ::before 作用是一样的。一般情况下为兼容性考虑使用单冒号(:)。解决完疑问，那我们就可以愉快的开始接下来的内容了。伪类 - pseudo classes 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息（例如 <a> 标签的: link 、: visited 等，这些信息不存在与DOM树结构中，只能通过CSS选择器来获取）以及不能被常规CSS选择器获取到的信息（例如要修改第几个子元素的样式）。

订阅 css选择器