第二章-jQuery选择器

一、jquery选择器的优势:

  ①简介的写法

  ②支持css1-css3选择器

  ③完善的处理机制

二、jQuery选择器分类:

  ①基本选择器

    ①#id

    ②.class

    ③element

    ④*

    ⑤selector1,selector2,......

  ②层次选择器

    ①后代选择器

    ②$("parent>child") 儿子选择器

    ③$("prev+next")选择下一个同辈元素 等价于next()

    ④$("prev~siblings")选择后面的所有同辈元素  等价于nextAll()

    ps:siblings()匹配所有同辈元素,与前后位置无关

  ③过滤选择器

    ①基本过滤

      ①:first

      ②:last

      ③:not(selector)

      ④:even

      ⑤:odd

      ⑥:eq(index)

      ⑦:gt(index)

      ⑧:lt(index)

      ⑨:header

      ⑩:animated

      ?:focus

    ②内容过滤

      ①:contains(text)

      ②:empty

      ③:has(selector)

      ④:parent

    ③可见性过滤

      ①:hidden  注意:包含样式display:none/visibility:hidden的元素,或者文本隐藏域<input type="hidden"/>之类的元素

      ②:visible  

    ④属性过滤

      ①[attribute]

      ②[attribute=value]

      ③[attribute!=value]

      ④[attribute^=value]

      ⑤[attribute$=value]

      ⑥[attribute*=value]

      ⑦[attribute|=value]

      ⑧[attribute~=value]

      ⑨[attribute1][attribute2][attributeN]

    ⑤子元素过滤

    ⑥表单对象属性过滤

  ④表单选择器

时间: 2024-10-14 07:08:38

第二章-jQuery选择器的相关文章

jQuery之第2章 jQuery选择器

jQuery选择器: 1.基本选择器: (1) (2) 2.层次选择器: 3.过滤选择器: 基本过滤选择器: (1) 内容过滤选择器: 可见性过滤选择器: 属性过滤选择器: 子元素过滤选择器: 表单对象属性过滤选择器 4.表单选择器:

使用jQuery快速高效制作网页交互特效——06 第六章 jQuery选择器

1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素.       Eg:$("h3").css("background","#09F");            分析:  获取并设置网页中所有<h3>元素的背景   "h3"为选择器语法,必须放在$()中    $("h3")返回jQuery对象           .css()是为jQuery对象设置样式的方法

css权威指南阅读笔记-第二章css选择器

css选择器有10+种.这里介绍几种常用的和他们的特点 1.元素选择器 如h1 h2 h3 a p 等一系列标签名 2 通配选择器 *,匹配所有html的元素 3 类选择器 class=‘a b'这种选择器在.a.b和.b.a是一样的,不区别先后顺序,另外类选择器区分大小写,class='A'在css中不能用.a匹配到,只能用.A匹配到 类选择器在页面中一般用于样式的复用 4 ID选择器 id选择器在页面中具有唯一性,并区分大小写,就是说box和BOX不是同一个ID 5 属性选择器 有4种模式

CSS样式表-------第二章:选择器

二 .选择器 内嵌.外部样式表的一般语法: 选择器 { 样式=值: 样式=值: 样式=值: ...... } 以下面html为例,了解区分一下各种样式的选择器 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="file:///E|/网页

第6章 jQuery选择器

一:基本选择器 标签选择器:$("标签名"); 返回一组元素集合(匹配相同的标签名) 类选择器:$(".class类名"); 返回一组元素集合(匹配相同的class属性值) id选择器:$("#id名"); 返回单个元素(匹配id属性值) 通用选择器:$("标签,class,id"); 返回一组元素集合(选择的元素) 全局选择器:$("*"); 返回一组元素集合(网页所有元素) 二.层次选择器 后代选择器

使用JQuery快速高效制作网页交互特效第二章到第七章

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

jQuery选择器和DOM操作——《锋利的jQuery》(第2版)读书笔记1

第1章 认识jQuery jQuery有以下优势: 轻量级: 强大的选择器: 出色的DOM操作的封装: 可靠的事件处理机制: 完善的Ajax: 不污染顶级变量: 出色的浏览器兼容性: 链式操作方式: 隐式迭代: 行为层与结构层的分离: 丰富的插件支持: 完善的文档: 开源. jQuery对象就是通过jQuery包装DOM对象后产生的对象. 在jQuery对象中无法使用DOM对象的任何方法.同样,DOM对象也不能使用jQuery里的方法. jQuery对象和DOM对象的相互转换        如果

锋利的jQuery第二章

感觉还是看书好一些,jQuery并不难,但是对于一些东西如果你不知道,你就会感觉到很头疼,比如以前看选择器,网上那么多文章,总结的挺好的,但是不能看下去,太多了,对电脑不爽.现在从书上看到这些总结,感觉很清晰,也可以接受. 1,用jQuery判断某个元素是否存在 if($("#tt").length > 0) { //使用长度判断 } if( $("#tt")[0] ) { //转为Dom对象判断 } 2,选择器,根据例子记忆很好理解 (1)基本选择器:id,

《精通CSS高级web标准解决方案》——第一章、第二章(为样式找到应用目标)即选择器

2015-04-16 08:49:35 1.“多类症”:classitis.   “多div”:症. 第二章 为样式找到应用目标(选择器) 1.有效且结构良好的文档为你要应用的样式提供了一个框架. 2.选择器:1.类型选择器(即元素选择器) 2.后代选择器 3.类选择器 4.ID选择器 3.不要给这些元素指定不同的类,而应将一个类货ID应用于他们的祖先,然后使用后代选择器来定位他们. 4.有时我们需要根据文档结构之外的其他条件对元素应用样式,例如表单元素或链接的状态.这要使用伪类选择器来完成.