基本选择器

  1. # Id选择器 $(“#btnShow”)选择id为btnShow的一个元素
  2. . 类选择器 $(“.liItem”)选择含有类liItem的所有元素
  3. ele 标签选择器 $(“li”)选择标签名为li的所有元素

层级选择器

  1. 空格 后代选择器 $(“#j_wrap li”)选择idj_wrap的元素的所有后代元素li
  2. > 自带选择器 $(“#j_wrap > ul > li”)选择idj_wrap的元素的所有子元素ul的所有子元素li

基本过滤选择器

  1. :eq(index) 选择匹配到的元素中索引号为index的一个元素 $(“li:eq()”)选择li元素中索引号为2的一个元素
  2. :odd 选择匹配到的元素中索引号为奇数的所有元素 $(“li:odd”)选择li元素中索引号为奇数的所有元素
  3. :even 选择匹配到的元素中索引号为偶数的所有元素 $(“li:even”)选择li元素中索引号为偶数的所有元素

筛选选择器

  1. find(selector) 查找所有后代元素(子子孙孙) $(“#j_wrap”).find(“li”)选择idj_wrap的所有后代元素li
  2. children() 查找直接子元素(亲儿子元素) $(“#j_wrap”).children(“ul”)选择idj_wrap的所有子代元素ul
  3. siblings() 查找所有兄弟元素(不包括自己) $(“#j_liItem”).siblings()选择idj_liItem的所有兄弟元素
    next() 查找该元素的下一个兄弟元素 $(“#j_liItem”).next()选择idj_liItem的下一个兄弟元素
    nextAll() 查找该元素之后所有兄弟元素 $(“#j_liItem”).nextAll()选择idj_liItem之后所有兄弟元素
    prev() 查找该元素的上一个兄弟元素 $(“#j_liItem”).prev()选择idj_liItem的上一个兄弟元素
    prevAll() 查找该元素之前所有兄弟元素 $(“#j_liItem”).pervAll()选择idj_liItem之前所有兄弟元素
  4. parent() 查找父元素 $(“#j_liItem”).parent(“ul”)选择idj_liItem的父元素
  5. eq(index) 查找索引号为index的一个元素 $(“li”).eq()选择所有li元素中的第二个

注意事项

1、后代选择器包括儿子孙子重孙子....而子代选择器只包括儿子。

2、:odd表示的索引号是奇数,实际显示效果是偶数行;:even表示的索引号是偶数,实际显示效果是奇数行。

jQuery——jQuery选择器的更多相关文章

  1. jQuery 的选择器常用的元素查找方法

    jQuery 的选择器常用的元素查找方法 基本选择器: $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myE ...

  2. HTML 学习笔记 JQuery(选择器)

    学习前端也有一段时间了,今天终于进入到JQuery阶段了,对于新手来讲,JQuery的选择器类型之多 功能之强大实在不是一天两天能够记得完的.现在,就采用边学边记录的方式.以后要是忘了的话,也有一个地 ...

  3. 什么是jquery $ jQuery对象和DOM对象 和一些选择器

    1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的 ...

  4. jQuery的选择器中的通配符总结

    1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']&quo ...

  5. JQuery 层次选择器

    <!DOCTYPE HTML> <html> <head> <title> 使用jQuery层次选择器 </title> <scrip ...

  6. jQuery过滤选择器

    //基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$( ...

  7. jquery相对选择器,又叫context选择器,上下文选择器;find()与children()区别

    jquery相对选择器有两个参数,jQuery函数的第二个参数可以指定DOM元素的搜索范围(即以第二个参数指定的内容为容器查找指定元素). 第二个参数的不同的类型,对应的用法如下表所示. 类型 用法 ...

  8. jQuery之选择器

    jQuery元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择和操作,而在 HTML DOM中,选择器可以对DOM元素组或单个DOM 节点进行操作.通俗点说,选择器的作用就 ...

  9. 关于jquery ID选择器的一点看法

    最近看到一道前端面试题: 请优化selector写法:$(".foo div#bar:eq(0)") 我给出的答案会是: 1. $("#bar") 2.  $( ...

  10. jQuery的选择器中的通配符[id^='code'] 【转】

    JQuery 1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='cod ...

随机推荐

  1. [kuangbin带你飞]专题六 最小生成树 N - 畅通工程再续

    相信大家都听说一个“百岛湖”的地方吧,百岛湖的居民生活在不同的小岛中,当他们想去其他的小岛时都要通过划小船来实现.现在政府决定大力发展百岛湖,发展首先要解决的问题当然是交通问题,政府决定实现百岛湖的全 ...

  2. Ubuntu 16.04安装设备管理器Hardinfo和lshw设备信息命令

    安装: sudo apt-get install hardinfo 启动: 实际上这些信息都可以通过lshw进行查看,参考:https://linux.die.net/man/1/lshw

  3. new出来的对象无法调用@Autowired注入的Spring Bean

    @Autowired注入Spring Bean,则当前类必须也是Spring Bean才能调用它,不能用new xxx()来获得对象,这种方式获得的对象无法调用@Autowired注入的Bean. 1 ...

  4. [C++]_[获取Utf8字符串的字符个数和子字符串]

    场景: 1.有时候须要统计utf8字符串的个数,单纯统计字节个数是不行的. 2.有时候也须要获取从某个位置開始的n个连续字符用于显示或计算. static int GetUtf8LetterNumbe ...

  5. UVA 10385 - Duathlon(三分法)

    UVA 10385 - Duathlon 题目链接 题意:一些运动员,參加铁人两项,跑步r千米,骑车k千米,如今知道每一个人的跑步和骑车速度,问是否能设置一个r和k,保持r + k = t,使得第n个 ...

  6. Python科学计算的瑞士军刀——Anaconda 安装与配置

    Introduce Python是一种强大的编程语言.其提供了非常多用于科学计算的模块,常见的包含numpy.scipy和matplotlib.要利用Python进行科学计算.就须要一一安装所需的模块 ...

  7. swift 2.0 语法 分支

    import UIKit // 注意: Swift中可以不写;号, 但是有一定的前提条件, 一行只有一句代码 //      如果一行有多句代码, 那么;还是必须写 // 注意: Swift变态的地方 ...

  8. LeetCode 9. Palindrome Number (回文数字)

    Determine whether an integer is a palindrome. Do this without extra space. 题目标签:Math 题目给了我们一个int x, ...

  9. error: &#39;for&#39; loop initial declarations are only allowed in C99 mode

    error: 'for' loop initial declarations are only allowed in C99 mode 使用gcc编译代码是报出 error: 'for' loop i ...

  10. 将ppt转换成PDF

    import sys import os import glob import win32com.client def convert(files, formatType = 32): powerpo ...