jQuery与CSS在选择器方面,有很多的相似之处,本文稍加总结,方便对比使用。 注:本文以jQuery1.9.1版本和CSS3为例进行说明,CSS在选择器方面存在 CSS 版本适应问题,请自行前往http://www.w3school.com.cn/cssref/css_selectors.asp 查看各选择器的 CSS 版本
先了解常用的CSS选择器选择器语法描述标签选择器E{CSS规则}以文档元素作为选择符ID选择器#ID{CSS规则}以文档元素的唯一标识符ID作为选择符类选择器E.className{CSS规则}以文档元素的class作为选择符群组选择器E1,E2,E3{CSS规则}多个选择符应用同样的样式规则后代选择器E F{CSS规则}元素E的任意后代元素F通配选择器*{CSS规则}以文档的所有元素
1.Jquery选择器简介 (1) Jquery中的选择器完全继承了CSS的风格,利用Jquery选择器,可以非常便捷和快速的找出特定的Dom元素,然后为他们添加相应的行为,而无需担心浏览器是否支持这一选择器,学会使用选择器是学习Jqeury的基础,Jquery的行为规则都必须在获取到元素后才能生效。2.jquery选择器的优势 (1) 简洁的写法,$()函数 (2)支持CSS1到CSS3选
转载
2023-07-12 14:18:36
229阅读
node2:/django/mysite/news/templates#cat displaytestxhr.html Listing 10.3 ...
转载
2019-02-19 10:30:00
1312阅读
2评论
JQuery的选择器总结 选择器是获取元素并进行操作的一种方式,在使用CSS选择器时,开发人员有时候需要考虑浏览器是否支持某些选择器。而在JQuery中,使用选择器则不需要考虑这些问题,与传统的JS获取元素的方式相比,JQuery有着更加完善的机制,即使文档中没有所获取的元素,也不会像JS中的那样报错。 JQuery的选择器主要分为4种,分别是基本选择
JQuery层级选择器1 全选择器 $("*") 又名*选择器,在JQuery中选择文档页面中的元素,通配符*给所有元素设置默认边距2 在.getElementsByTagName()传递*可以获取所有元素3 g
原创
2017-11-09 22:24:28
3247阅读
选择器: 1、基本选择器: $("标签名") 选择满足标签名的所有标签 $("#id") 选择满足id的所有标签 $(".class") 选择满足class的所有标签 $("*") 所有标签 2、组合选择器(用基本选择器组合) $("xx,xx") &nbs
转载
2023-08-04 12:55:10
136阅读
常见的jQuery选择器前言四大选择器一.jQuery基础选择器1.ID选择器2.全选选择器3.类选择器4.标签选择器5.并集选择器6.交集选择器层级选择器1.子代选择器2.后代选择器筛选选择器筛选方式:checked选择器 前言jQuery唯一个javascrip库,里面封装了JavaScript常用的的功能代码,优化了DOM操作,事件处理,动画设计和Ajax交互。但因为jQuery对象有自己
转载
2023-07-05 23:50:39
104阅读
jquery有几种选择器?很多种,大概归纳为9种。1、基本的有id、标签、类、通配符选择器:#id
element
.class
*2、层次选择器:ancestor descendant
parent > child
prev + next
prev ~ siblings3、基本过滤器选择器:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:a
转载
2023-06-06 21:18:20
139阅读
jquery 选择器 如何实用 使用好jquery选择器,是学习jquery的基础。我们来一起看下有几种选择器可以学习:1、元素择器2、层叠选择器3、过滤选择器4、表单元素选择器5、表单元素过滤选择器 元素择器
1
1. id选择器
$('#elementId')
2
1. 元素选择
转载
2023-06-06 21:24:26
469阅读
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$("div") &n
jQuery的选择器是
CSS 1-3,XPath的结合物。jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了。
基本选择器:
$("#myELement") 选择id值等于myElement的元素,id值不能重复在
转载
2023-08-18 17:16:05
116阅读
您可能已经知道, CSS3引入了一组新的选择器,使我们能够在添加HTML类较少的情况下选择文档中的元素 。 但是,新CSS选择器依赖于浏览器的功能,因此在某些情况下不适用。 jQuery有一组选择器,这可能是另一种选择。 使用jQuery选择器而非CSS的原因有两个。 首先,jQuery 涵盖了不支持特定类型CSS选择器的旧版浏览器的兼容性 。 其次,在构建交互式功能时,我们可能希望根据用户操
转载
2023-10-24 06:36:17
97阅读
这一节详细的总结jQuery选择器。 一、基础选择器 $('#info'); // 选择id为info的元素,id为document中是唯一的,因此可以通过该选择器获取唯一的指定元素
$('.infoClass'); // 选择class为infoClass的所有元素
$('div'); // 选择标签名为div的所有的元素
$('*');
转载
2023-08-19 18:31:31
120阅读
jquery是javaScript框架,封装了js。好处:使用方便,少代码多功能。实现同一个功能的代码量少。屏蔽浏览器差异。简化ajax开发。选择器基本选择器1、 id选择器$(“#id”);è返回指定id的标签,为jquery对象。2、 元素选择器$(“tagName”);è返回指定tagName的标签,为jquery对象。3、 class选择器$(“.样式表名”)
转载
2023-09-01 00:00:57
25阅读
一、jQuery选择器简介:jQuery选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为他们增加相应的行为,无需担心浏览器是否支持这一选择器。二、jQuery选择器优势:1、写法简洁:在jQuery中,用$(“selectorName”)作为一个选择器函数来使用,如使用$(".className")表示通过类名来获取元素,使用$("#ID")表
转载
2023-07-13 14:13:59
357阅读
这一系列是我系统学习jQuery的笔记,有助于当前学习理解和日后回忆。内容来自慕课网陶老师的jQuery基础教程,先谢过。 1.基础选择器id选择器:$("#elementId")元素选择器:$("elementTag")类选择器:$(".className")通配选择器:$("*") 页面所有元素,包括<head> <body> <script>这些
在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) <p class="a">sdfsdfs</p>
<p class="b">sdfsdfs</p>
<p class="c">
原创
2023-05-19 11:38:55
225阅读
jQuery选择器1 jQuery概述2 jQuery选择器概述3 基本选择器4 层次选择器5 过滤选择器5.1 基本过滤选择器5.2 内容过滤选择器5.3 可见性过滤选择器5.4 属性过滤选择器5.5 子元素过滤选择器5.6 表单对象属性过滤选择器6 表单选择器 1 jQuery概述jQuery是一个快速的、简洁的JavaScript库。它的理念是:“写的少,做的多”jQuery语法:1、原生
转载
2023-07-03 13:59:22
75阅读
jquery选择器是jquery为我们提供的一组方法,让我们更加方便的获取到页面中的元素,注意:jquery选择器返回的是jquery对象。
jquery选择器有很多,但是选择器之间可以互相替代,就是说获取到一个元素,会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。
Css()方法:获取/设置样式
1.获取样式:cs
转载
2023-06-25 23:52:33
123阅读