第二站:JQuery选择器02

一:过滤选择器

  注意:过滤选择器是以":"开头的,但是表单选择器也是以":"开头的。

  1.基本过滤

  

  

  2.内容过滤

  

  3.可见性过滤

  

  4.属性过滤

  

  5.子元素过滤

  

  :nth-child() 选择器是很常用的子元素过滤选择器

  (1):nth-child(even)能选取每个父元素下的索引值是偶数的元素

  (2):nth-child(odd)能选取每个父元素下的索引值为奇数的元素

  (3):nth-child(3n)能选取每个父元素下的索引值为3的倍数的元素(n从0开始)

  (4):nth-child(3n+1)能选取每个父元素下的索引值为3n+1的倍数的元素(n从0开始)

  (5):nth-child(2)能选取每个父元素下的索引值为2的元素

  6.表单对象属性过滤

  

二:选择器的注意事项:

  1.选择器中含有 . # ( ] 等特殊符号:使用转义字符

  

  2.属性选择器的引号问题:单引号嵌套双引号,双引号嵌套单引号

  3.选择器中的空格,空格代表的是子代元素

时间: 2024-12-12 06:26:49

第二站:JQuery选择器02的相关文章

第二章-jQuery选择器

一.jquery选择器的优势: ①简介的写法 ②支持css1-css3选择器 ③完善的处理机制 二.jQuery选择器分类: ①基本选择器 ①#id ②.class ③element ④* ⑤selector1,selector2,...... ②层次选择器 ①后代选择器 ②$("parent>child") 儿子选择器 ③$("prev+next")选择下一个同辈元素 等价于next() ④$("prev~siblings")选择后面的所

20150303+JQuery选择器-02

三.文档处理 插入 删除 复制 替换 包裹 查找 1.插入操作--内部插入 jQuery <div> jQuery hello jQuery</div> l append(content) :将content内容插入到元素的尾部 l appendTo(content) :将匹配到的元素插入到content元素尾部 l prepend(content) :将content内容插入到元素的头部 l prependTo(content) :将匹配到内容插入到content元素的头部 de

jQuery选择器集锦(读《锋利的jQuery(第二版)》所摘)

jQuery选择器分为基本选择器.层次选择器.过滤选择器和表单选择器. 过滤选择器可以分为基本过滤.内容过滤.可见性过滤.属性过滤.子元素过滤和表单对象属性过滤选择器. $("input:not(.myClass)")选取class不是myClass的<input>元素. $("input:even")选取索引是偶数的<input> 元素 $(":header")选取网页中所有的<h1>,<h2>,

jQuery选择器大全(48个代码片段+21幅图演示)

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(func

优化jQuery选择器

优化jQuery选择器 选择优化比以前更加重要,因为越来越多的浏览器实现了queryselectorall()并承担了将jQuery选择器转移到浏览器的责任.记住这些小技巧可以让你轻松突破学习选择器时的瓶颈. jQuery 扩展 如果可能的话,避免使用jQuery扩展选择器.这些扩展无法在性能让原生的queryselectorall() DOM提供的方法更有效,所以还是用jQuery提供的常规选择器吧. 1 2 3 4 5 // Slower (the zero-based :even sele

jQuery选择器详解及实例---《转载》

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(func

使用jquery选择器大全的用法介绍

在jquery开发(http://www.maiziedu.com/course/python/303-2785/)当中,很多人都很在意选择器的问题,首先选择器是jQuery最基础的东西,也对获得页面元素变得更加容易.更加灵活,能减轻工程师的开发压力,本文主要加深对选择器的理解以及用法,帮助提升个人编写jQuery代码的效率.下面就一起看看对所有jQuery选择器的介绍,并且也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素

jQuery选择器与JavaScript易出错知识点

一.jQuery选择器 基本选择器 1.Id(根据给定的ID匹配一个元素.如果选择器中包含特殊字符,可以用两个斜杠转义.) jQuery代码为$("#myclass") 若有特殊字符则 HTML代码为<span id="myclass[1]" jQuery代码为$("#myclass\\[1\\]") 2.Class(一个用以搜索的类.一个元素可以有多个类,只要有一个符合就能被匹配到) jQuery代码为$(".myclass&q

jQuery选择器。 5.21 《深夜还在编码的你》

(之所以字体弄那么大是因为省眼,程序员不容易,程序员的眼睛更不容易,请保护我们的眼睛) 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器. 熟练地使用选择器,不但能简化代码,而且能够事半功倍. jQuery选择器可通过CSS选择器.条件过滤两种方式获取元素. 可以通过CSS选择器语法规则获取元素的jQuery选择器包括基本选择器.层次选择器和属性选择器: 可以通过条件过滤选取元素的jQuery选择器包括基本过滤选择器和可见性过滤选择器. jQuer