`
webdev2014
  • 浏览: 678000 次
文章分类
社区版块
存档分类
最新评论

jQuery学习第三课(选择器第一讲)

 
阅读更多

1.什么是jquery选择器

2.jquery选择器的优势在哪里

3.jquery选择器的种类

什么是jquery选择器

jquery中的选择器完全继承了css1.0~2.0的风格,实现少部分css3选择器

,如果对于CSS选择器非常了解,那么学习jquery选择器会非常简单。

利用jquery选择器可以非常快速的找出你想要的DOM元素,然后为这些

DOM元素添加你想要的效果,无需担心浏览器的兼容。

实例:演示选择器浏览器的兼容性(子选择器)

小结:jquery选择器的写法与css非常相近,但是作用不同。css选择的元

素只能对基添加样式(CSS表达式除外,项目中基本不允许有css表达式,

而且IE8标准模式已经取消对css表达式的支持)jquery选择器找到的元

素可以为其添加行为。

jquery选择器的优势

1.完全支持CSS1.0~2.0的选择器,支持部分CSS3选择器,学习曲线平缓,可以快速上手

2.完美的容错机制

即使页面上没有该元素,jquery也不会报错

jquery选择器的种类

1.基本选择器

①#id,选择ID的元素

②.class,类名选择器

③element,标签选择器

④*,选择所有元素

⑤E1E2E3... En,多重选择器

2. 层次选择器

E F,选择E元素所有的后代元素

E>F,选择E元素的子元素,子选择器

E+next,选择E元素后的紧临的兄弟元素,等价于.next()

E~siblings,选择E元素后的所有兄弟元素,等价于.nextAll()

下集预告

jquery选择器之过滤选择器

a.基本过滤选择器

b.内容过滤选择器

c.可见性过滤选择器

d.属性过滤选择器

e.子元素过滤选择器

f.表单过滤选择器

分享到:
评论

相关推荐

    Jquery学习笔记分享

    第1章. JQuery概述 2 1. Jquery基本作用 2 2. 优点 2 3. 引入JQuery 2 4. 代码风格 2 5. 其他 JavaScript 库 3 6. 多个库之间的冲突 3 7. jQuery对象和DOM对象 3 第2章. jQuery选择器 4 1. jQuery优点 4 2. 基本选择...

    jQuery选择器上机练习题及答案.rar

    (24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...

    Jquery学习手册

    第三步是在获取准确的jQuery对象之后,调用其上的各种方法,来进行操作。这一步反而是比较简单的了。 后面就是对jQuery框架各种方法的简要介绍,更详细的内容,还是以官方API为准 1、$(...) $() 一切的核心,可以...

    4.[jQuery]第3章.常规选择器[1].rar

    [jQuery]第3章.常规选择器[1].rar,对于初学JQUERY的人员很有帮助,一共分为三个部分

    jquerydemo

    1. 第一个 jQuery 程序 2. jQuery 对象和 DOM 对象 3. 基本选择器 4. 层次选择器 5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 8. 属性过滤选择器 9. 子元素过滤选择器 10. 表单元素过滤选择器 11. 小...

    jquery CSS选择器笔记

    这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步。 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。 序号...

    jquery 中多条件选择器,相对选择器,层次选择器的区别

    一、Jquery常用的过滤选择器如下所示: 1、:first,选取第一个元素,比如$(“div:first”)选取第一个div元素 2、:last,选取最后一个元素,比如$(“div:last”)选取最后一个div元素 3、:not(选择器),选取不满足...

    jQuery开发技术详解

    第1章 Web开发的发展与趋势 第2章 JavaScript基础 第3章 文档对象模型(DOM) 第4章 工欲善其事,必先利其器——开发工具 第5章 jQuery快速上手 第6章 使用选择器获得要操作的元素 第7章 操作得到的元素 第8章 使用...

    jQuery 树形结构的选择器

    选择某个元素的”孩子” – children() 代码如下: ”parent”> ”son1″>第一列</li> ”son2″>第二列</li> ”son3″>第三列</li> </ul> $(“#parent”).children().length //得到所有的”孩子“(li)的个数,“3”

    从零开始学习jQuery pdf

    从零开始学习jQuery pdf,第一篇:开天辟地入门篇;第二篇:jQuery最重要的部分——万能的选择器;第三章:管理Jquery包装集;第四章:使用jQuery操作元素的属性与样式;第五篇:事件与事件对象……

    jQuery权威指南-源代码

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

    JQuery权威指南源代码

    第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 ...

    从零开始学习JQuery

    从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) ...

    Ajax入门:从零开始学习jQuery pdf

    从零开始学习jQuery pdf,第一篇:开天辟地入门篇;第二篇:jQuery最重要的部分——万能的选择器;第三章:管理Jquery包装集;第四章:使用jQuery操作元素的属性与样式;第五篇:事件与事件对象……  通过一步步的...

    锋利的jQuery_高清_书签.part2

    第1章 认识jQuery 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 1.1.2 JavaScript库作用及对比 1.2 加入jQuery 1.2.1 jQuery简介 1.2.2 jQuery的优势 1.3 jQuery代码的编写 1.3.1 配置jQuery环境 1.3.2 ...

    jQuery选择器选中最后一个元素,倒数第二个元素操作示例

    本文实例讲述了jQuery选择器选中最后一个元素,倒数第二个元素操作。分享给大家供大家参考,具体如下: HTML部分: 元素1 元素2 元素3 元素4 元素5 取倒数第二个p元素 $("div p").eq(-2) 取最后一个p元素...

    jQuery子选择器与可见性选择器实例分析

    本文实例讲述了jQuery子选择器与可见性选择器。分享给大家供大家参考,具体如下: 子元素选择器与可见性选择器 子元素选择器是允许利用子元素的位置进行获取的选择器 子内容选择器3种用法 E:first-child 选择所有...

    JQuery权威指南 源代码

    前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2 jquery...

    jQuery选择器总结之常用元素查找方法

    选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似。选择器具有如下特点: 1.简化代码的编写 2.隐式迭代 3.无须判断对象是否存在 jQuery 的选择器可谓之强大无比,这里简单...

    前端easyUI日期选择器(日/周/月)示例

    前端jquery+easyUI实现的日期选择器。 博文地址:https://blog.csdn.net/wanghuiWHI/article/details/135648572 Demo简要: 1.日期选择器可以提供日选择器、周选择器、月选择器 2.日选择器最大31天,选择起始日期后...

Global site tag (gtag.js) - Google Analytics