`
wangjinshan1314
  • 浏览: 8332 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Jquery核心----选择器

阅读更多
                   Jquery核心----选择器
一:在jQuery中最核心的要属于选择器:而jQuery的选择分为很多种,但是重要的有以下几种:
     1:基本选择器:
          A:id选择器:在id选择器中,是根据元素的id来获得元素的相关属性的:$(“#id名称”):注意的是如果一个页面如果存在多个同名的id,根据id选择器,只能找到第一个该id的内容:
          B:class选择器:class选择器是根据元素中的属性class来获得的,返回的是一个集合:注意的是在jQuer中,并不是非要在样式里声明该样式,重要的是元素中class属性有值:元素中的class的名称可以相同,所以返回的是一个数组!
          C:element:元素选择器:根据制定的元素来匹配所有的元素
          D:* 匹配所有元素 ---多用于结合上下文来搜索。
         E:符合选择器,制定多个选择器,将所有的匹配的元素合并在一个集合中返回来!
     2:层次选择器分为四种
         A: ancestor ancestor:
             ancestor (Selector) : 任何有效选择器或者元素
descendant (Selector) : 用以匹配元素的选择器,并且它是第一个选择器的后代元素
这种选择器是返回匹配的所有后代元素:
    例如:$(“div span”)是匹配所有div 后代元素中的所有span元素
          B:parent  > child 
               parent (Selector) : 任何有效选择器
child (Selector) : 用以匹配元素的选择器,并且它是第一个选择器的子元素
这种选择器是返回parent元素的子元素中的child元素
   比如$(“div > span”)是匹配所有div子元素中的所有span元素
           C: prev + next
                 prev (Selector) : 任何有效选择器
next (Selector) :一个有效选择器并且紧接着第一个选择器
这种选择器是匹配同级目录下的下一个元素,相当于next().同辈下个节点-------------------prev()。同辈上一个节点
  例如:$(“div+sapn”);匹配所有div的span元素,返回的是一个集合,注意的是,是紧接着div后面的span元素。
           D: prev ~ siblings
    prev (Selector) : 任何有效选择器
+siblings (Selector) : 一个选择器,并且它作为第一个选择器的同辈
这种选择器是匹配prev后面的所有siblings元素---可以用nextAll来代替该功能!
例如:$(“div~ span”):匹配所有div后面的span元素:注意的是span和div是同一层次的元素:相当于$(“div”).nextAll(“span”);
     
   3:简单选择器:
      Fast选取器获得匹配的第一个元素:last选择器获得匹配的最后一个选择器:
Not选择器是获得去除所有与给定选择器匹配的元素!even选择器是获得匹配所有索引值为偶数的元素,从 0 开始计数!---odd选择器是获得匹配所有索引值为奇数的元素,从 0 开始计数!-------eq选择器是获得匹配一个给定索引值的元素!!!---gt选择器是获得匹配所有大于给定索引值的元素!----lt选择器是获得匹配所有小于给定索引值的元素!--------header选择器是获得h1——————h6之类的选择器

     4:内容选择器
         A:contains(text);返回所有含有text文本的元素
         B:empty:匹配所有不包含子元素或者文本的空元素
         C:has(selector): 匹配含有选择器所匹配的元素的元素
          D:parent: 匹配含有子元素或者文本的元素
     5:可见性选择器:
         A:hidden选择器是:匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到
          B:visible: 匹配所有的可见元素
     6:属性选择器
                :[attribute]:选取拥有此属性的元素
                :[attribute=value]:选取属性的值为value的元素
                :[attribute!=value]:选择属性值不等于value的元素
                :[attribute^=value]:选择属性值以value开始的元素
                :[attribute$=value]选择属性的值以value结束的元素
                :[attribute*=value]:选择属性的值含有value的元素
                :[selector1][selector2][selectorn]用属性选择器合成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围!
     7:子元素选择器
:nth-child(index/even/odd/equation)选取每个父元素的第一子元素或者奇偶元素
                 :first-child:选取每个父元素的第一个元素
                 :last-child:选择每个父元素的最后一个子元素、
                 :only-child:如果每个元素的它父元素中唯一的子元素,
     8:表单属性选择器
                  :enabled:选取所有可用元素
                  :disabled:选取所有不可用元素
                  :checked:选取所有被选中的元素(单选框,复选框)
                  :选择所有被选中的选择元素(下拉选框)
                   。。。。。。。
     9:表单选择器:----一切表单元素

分享到:
评论

相关推荐

    jquery文件选择器

    jquery的核心在于他的标签的选择器,打开jquery的文档你会发现,里面的选择器占据了很大的一部分的比例,

    jquery-1.8.3chm中文手册下载

    包含jquery1.7.x与jquery1.8.x版本的chm中文手册。 目录: 核心 选择器 属性 筛选 文档处理 CSS 事件 效果 Ajax 工具

    jquery-api-1.7

    jquery-api参考文档:讲解:核心,选择器,文档处理,事件,属性,筛选,效果等。

    jquery-1.11.1.min.js文件

    jQuery是一个快速、简洁的JavaScript...具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 [1]

    JQuery核心用法快速查询文档

    JQuery核心用法、快速查询文档、简单实用、概括详全、便于速查。 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,...

    jquery-2.2.1-min.js

    jQuery_版本合集 免费下载 ...具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    jquery-2.2.3-min.js

    jQuery_版本合集 免费下载 ...具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    jquery-2.2.2-min.js

    jQuery_版本合集 免费下载 ...具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    jquery-2.2.4-min.js

    jQuery_版本合集 免费下载 ...具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    jquery-ui包含功能演示及代码

     jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在jQuery的...

    jquery-1.5.2.zip

    jQuery_版本合集 免费下载 ...具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    jquery-1.6.4.zip

    jQuery_版本合集 免费下载 ...具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    锋利的jQuery书中源代码

    jQuery介绍-->选择器-->DOM操作-->事件和动画-->Ajax应用-->插件-->完整DEMO 本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面...

    jQuery完全实例.rar

    这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最...

    jQuery选择器学习笔记

    该学习笔记带有很不错的DEMO,而且笔记中有比较详细的总结,对于初学者来说,可以根据笔记中的实例训练,达到理解jQuery核心——选择器的目的。

    jquery.1.11.1.js 和 jquery.1.11.1.min.js

    jQuery是一个快速、简洁的JavaScript框架...具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    Jquery01.md

    本篇文章记录了Jquery基础学习过程中的Jquery选择器以及核心函数。Jquery选择器:基本元素选择器,层级选择器,过滤选择器,子元素过滤选择器,表单过滤选择器,属性选择器,表单对象过滤选择器。

    Jquery Api

    这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最...

    jquery1.9版本

    jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript...

Global site tag (gtag.js) - Google Analytics