JQuery_简单选择器】的更多相关文章

jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元素的标签名.属性名.状态等进行快速准确的选择,并且不必担心浏览器的兼容性. jQuery选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择. 一.简单选择器 在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象. 随…
4.1 简单选择器   (1) :first 选取第一个元素.   (2) :last 选取最后一个元素.  (3) :not(选择器) 选取不满足"选择器"条件的元素   (4) :even.:odd,选取索引是奇数.偶数的元素:   (5) :eq(索引序号)等于.:gt(索引序号)大于.:lt(索引序号)小于   (6) $(":header")选取所有的h1--h6元素(*)   (7) $("div:animated")选取正在执行动画…
在简单选择器外,还有一些进阶的选择器方便我们更精准的选择元素. 1.群组选择器 可以将相同的样式合并 <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript"> $(function(){ /*$('div,p,strong').css('color','red'); 同样可以是i…
JQuery最核心的组成部分就是:选择器引擎.它继承了css的语法,可以对DOM元素的标签名.属性名.状态等进行快速准确的选择. jQuery选择器的写法与CSS 选择器十分类似,只不过他们的功能不同.CSS找到元素后添加的是单一的样式,而 jQuery则添加的是动作行为. 简单选择器: 标签选择器      $("div")       获取所有div的DOM对象 div{ color:blue; } $("div").css("color",…
我们知道通过CSS定义页面样式的时候要用到各种各样的选择器,正确的使用选择器是我们能够正确使用CSS做页面样式的基础.下面是我学习选择器的一个简易笔记,举一些简单的例子. 为了方便展示,我选择在内部的style内写CSS的样式.但一般为了分离样式方便修改,多实用外部样式,用link标签. 1.标签选择器,即通过标签来定义样式. 例如:下面是通过标签p来定义了文字的颜色和位置等. 2.id选择器,即通过标签内的id元素来选择相应的标签,定义其元素.每个标签的id一定要是独一无二的,不同的标签不能有…
一.基本过滤器 1.基本过滤器 过滤器主要通过特定的过滤规则来筛选所需的 DOM 元素,和 CSS 中的伪类的语法类似:使用冒号(:)开头. <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript"> $(function(){ //$('li:first').css('backg…
在很多特殊的元素上,比如父子关系的元素,兄弟关系的元素,特殊属性的元素等等. 在早期 CSS 的使用上,由于 IE6 等低版本浏览器不支持,所以这些高级选择器的使用也不具备普遍性,但随着 jQuery 兼容,这些选择器的使用频率也越来越高. 1.层次选择器 在层次选择器中,除了后代选择器之外,其他三种高级选择器是不支持 IE6 的,而 jQuery却是兼容 IE6 的. 1.后代选择器 <script type="text/javascript" src="jquery…
$("[id^=percent]").size() ^=:表示以什么开头 $=:表示以什么结尾 ~=:表示包含什么 id:表示按id选择…
jquery是一个优秀的javascript的库. jquery对象是通过jquery包装DOM对象产生的对象 配置jquery 在<head> <script   src="script/jquery-1.4.4js" type="text/javascript"></script> </head> $是jquery的缩写 获取jquery对象  var $variable=jquery对象 获取DOM对象    …