css选择器jquery选择器异同

css选择器用$("")包起来就成了jQuery选择器

  CSS选择器 jQuery选择器
ID选择器 #myID $(‘#myID‘)
类选择器 .myclass $(‘.myclass‘)
标签选择器 p $(‘p‘)
层次选择器 div > strong $(‘div>strong‘)

css称为伪类选择器
jQuery称之为过滤选择器

p:nth-child(1) $(‘p:nth-child(1)‘)

CSS选择器的效率(从上至下):

id选择器(#myid)
类选择器(.myclassname)
标签选择器(div,h1,p)
相邻选择器(h1+p)
子选择器(ul > li)
后代选择器(li a)
通配符选择器(*)
属性选择器(a[rel="external"])
伪类选择器(li:nth-child(1))##从1开始

jQuery选择器拥有更好的游览器兼容性。

原文地址:https://www.cnblogs.com/zenan/p/8241746.html

时间: 2024-10-31 07:37:33

css选择器jquery选择器异同的相关文章

JavaScript之jQuery-2 jQuery选择器(jQuery选择器、基本选择器、层次选择器、过滤选择器、表单选择器)

一.jQuery 选择器 jQuery 选择器简介 - jQuery 选择器类似于 CSS 选择(定位元素,施加样式),能够实现定位元素,施加行为 - 使用 jQuery 选择器能够将内容与行为分离 - 学会使用选择器是学习 jQuery 的基础 jQuery 选择器的优势 - 简洁的写法: - $()工厂函数在很多JavaScript类库中都被作为一个选择器函数使用 - 支持 CSS1 到 CSS3 选择器 - jQuery 选择器支持 CSS1.CSS2 和 CSS3 选择器,同时拥有少量独

先学习Emmet(zend coding)然后引发css 或者jquery选择器的思考

1.使用VS或者其他编辑器开发HTML快速编码.使用emmet这种简单易用的语法无疑是最快捷的 首先来看这段代码记住这个基本上emmet就会用了,记住光标放到表达式的尾部按下tab键 1 <!-- 2 html:5 3 1. E 代表HTML标签. 4 2. E#id 代表id属性. 5 3. E.class 代表class属性. 6 4. E[attr=foo] 代表某一个特定属性. 7 5. E{foo} 代表标签包含的内容是foo. 8 6. E>N 代表N是E的子元素. 9 7. E+

CSS选择器和jQuery选择器的区别与联系

我们知道,jQuery选择器和CSS选择器的写法十分类似,都具有隐式迭代的特点,无需循环遍历符合选择器要求的每个元素,使用起来相对方便,通常,把css选择器用$("")包起来就成了一个jQuery选择器,如   CSS选择器 jQuery选择器 ID选择器 #myID $("myID") 类选择器 .myClass $(".myClass") 标签选择器 p $("p") 层次选择器 div > strong $(&qu

锋利的jQuery学习笔记之jQuery选择器

在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器 常见的CSS选择器有以下几种: 选择器 语法 描述 示例 标签选择器 E{CSS规则} 以文档元素为选择符 td{font-size:10px;} a{tetx-decoration:none;} ID选择器 #ID{CSS规则} 以文档元素的唯一标示ID为选择符 #node{corlor:red;} 类选择器 .className{CSS规则} 以文档元素的class作为选择符 div.node{backgro

jQuery选择器的总结

jQuery选择器 jQuery选择器是准确地选取你希望应用的元素. jQuery的元素选择器和属性选择器允许你通过标签名.属性名或者内容对HTML元素的选择. jQuery元素选择器表 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $(

JQuery选择器转义说明

JQuery选择器 JQuery选择器规则, 借用了css1-3的规则(css选择器规则), 因为css本身也需要一套规则来索引DOM元素, 进而进行样式渲染,例如div.blue 表示目标DOM为 class属性值为blue的div元素. 同时JQuery添加了一些自己的规则, 例如按照查询连接元素 $("[href]"). 这样就衍生出, 一套元字符, 用于表达选择器 合法格式, 故对于 其他部分例如属性值在选择器中的情况, 例如查询href为 www.baidu.com的 链接,

一步一步学习 JQuery (二) 选择器: 基本选择器 &amp;&amp; 层次选择器

选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery 选择器的优点: 简洁的写法 完善的事件处理机制 一.基本选择器 基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标签名来查找 DOM 元素(在网页中 id 只能使用一次, class 允许重复使用). 改变 id 为 one 的元素的背景色为 # bbffaa 改变 class 为 mini 的所有元素的背景

【前端学习】【jQuery选择器】

jQuery选择器 jQuery选择器 本文内容引自于单东林<锋利的jQuery>,未经原作者准许,禁止以商业目的转载发布! 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM(Document Object Model)和Ajax(Asynchronous JavaScript and XML)操作都依赖于选择器. jQuery选择器 1 优势 1.1 简洁的写法 1.2 支持CSS1到CSS3选择器 1.3 完善的处理机制 2 CSS选择器和jQuery选择器 2.1 基

【jQuery基础学习】01 jQuery选择器

关于CSS选择器 jQuery选择器涉及到CSS,CSS技术使得网页的结构与表现样式完全分离. 同样CSS也需要找到某个网页的结构才能改变其样式,这就是CSS选择器. 常用的CSS选择器如下: 标签选择器 以文档元素作为选择符 a{ text-decoration:none; } ID选择器 以文档元素的唯一标识符ID作为选择符 #myNameDiv{ font-size:14px; width:120px; } 类选择器 以文档元素的class作为选择符 div.note{ font-size