1.什么是jQuery选择器:

    jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理。

2.jQuery选择器的优势:

  1.代码更简单;

  2.支持CSS1到CSS3选择器;

  3.完善的机制处理

3.jQuery选择器分类示意图:

  

4.基本选择器: 

  1. 标签选择器(元素选择器)
    * 语法: $("html标签名") 获得所有匹配标签名称的元素
  2. id选择器
    * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素
  3. 类选择器
    * 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素
  4. 并集选择器:
    * 语法: $("选择器1,选择器2....") 获取多个选择器选中的所有元素

5.层级选择器:

  1. 后代选择器
    * 语法: $("A B ") 选择A元素内部的所有B元素
  2. 子选择器
    * 语法: $("A > B") 选择A元素内部的所有B子元素

6.属性选择器:

  1. 属性名称选择器
    * 语法: $("A[属性名]") 包含指定属性的选择器
  2. 属性选择器
    * 语法: $("A[属性名='值']") 包含指定属性等于指定值的选择器
  3. 复合属性选择器
    * 语法: $("A[属性名='值'][]...") 包含多个属性条件的选择器

7.过滤选择器:

  1. 首元素选择器
    * 语法: :first 获得选择的元素中的第一个元素
  2. 尾元素选择器
    * 语法: :last 获得选择的元素中的最后一个元素
  3. 非元素选择器
    * 语法: :not(selector) 不包括指定内容的元素
  4. 偶数选择器
    * 语法: :even 偶数,从 0 开始计数
  5. 奇数选择器
    * 语法: :odd 奇数,从 0 开始计数
  6. 等于索引选择器
    * 语法: :eq(index) 指定索引元素
  7. 大于索引选择器
    * 语法: :gt(index) 大于指定索引元素
  8. 小于索引选择器
    * 语法: :lt(index) 小于指定索引元素
  9. 标题选择器
    * 语法: :header 获得标题(h1~h6)元素,固定写法

8.表单过滤选择器: 

  1. 可用元素选择器
    * 语法: :enabled 获得可用元素
  2. 不可用元素选择器
    * 语法: :disabled 获得不可用元素
  3. 选中选择器
    * 语法: :checked 获得单选/复选框选中的元素
  4. 选中选择器
    * 语法: :selected 获得下拉框选中的元素

    

JQuery 基础之基本选择器的更多相关文章

  1. Jquery | 基础 | 属性过滤选择器

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. jQuery基础之选择器

    摘自:http://www.cnblogs.com/webmoon/p/3169360.html jQuery基础之选择器 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Aja ...

  3. JQuery————基础&&基础选择器

    环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库 ...

  4. jQuery基础---常规选择器

    内容摘要: 1.简单选择器 2.进阶选择器 3.高级选择器 发文不易,转载请注明出处! jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元素的标签名.属性名. ...

  5. 三、jQuery--jQuery基础--jQuery基础课程--第2章 jQuery 基础选择器

    1.#id选择器 jquery能使用CSS选择器来操作网页中的标签元素.如果你想要通过一个id号去查找一个元素,就可以使用如下格式的选择器:$("#my_id") 其中#my_id ...

  6. jQuery基础知识--选择器与效果

    $(this).hide()-----隐藏当前元素 $("p").hide()------隐藏所有段落 $(".test").hide()--隐藏所有class ...

  7. jQuery基础(样式篇,DOM对象,选择器,属性样式)

      1. $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真 ...

  8. 前端基础-jQuery的内容之选择器

    阅读目录 ID选择器 类选择器 元素选择器 通配符选择器 层级选择器 基本筛选器 内容筛选器 可见性筛选器 属性筛选器 子元素筛选器 表单元素筛选器 表单对象筛选器 this和$(this) 一.jQ ...

  9. Jquery | 基础 | 使用 jQuery 表单过滤选择器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

  1. Java JFR 民间指南 - 事件详解 - jdk.ObjectAllocationInNewTLAB

    重新申请 TLAB 分配对象事件:jdk.ObjectAllocationInNewTLAB 引入版本:Java 11 相关 ISSUES: JFR: RecordingStream leaks me ...

  2. Day09_47_Map

    Map 集合 Map集合** 继承关系** <interface>: Map(接口)<---HashMap(class)/HashTable(class)/SortedMap(子接口 ...

  3. Django 入门范例

    1. Django 介绍 2. Django 环境搭建 3. 模型(Model) 4. 站点管理 5. 视图(View) 6. 模板(Template) 1. Django 介绍 MVC 模型 大部分 ...

  4. pickle json模块

    pickle --- Python 对象序列化 通过pickle模块的序列化操作我们能够将程序中运行的对象信息保存到文件中去,永久存储. 通过pickle模块的反序列化操作,我们能够从文件中创建上一次 ...

  5. Hive千亿级数据倾斜解决方案

    数据倾斜问题剖析 数据倾斜是分布式系统不可避免的问题,任何分布式系统都有几率发生数据倾斜,但有些小伙伴在平时工作中感知不是很明显,这里要注意本篇文章的标题-"千亿级数据",为什么说 ...

  6. 如何在linux上手动连接到互联网

    作者 @飞洲人飞舟魂转载请注明出处. 一直以来对linux的网络管理不大明白,今天研究了一下网络的手动配置,现在记录一下.我使用Ubuntu20.04.1来进行演示. 介绍 首先我们先明确一些概念性的 ...

  7. 从UWP项目移植到WinUI桌面版你需要做哪些事情

    就像文章标题说的我是打算写一篇从UWP移植到WinUI的帖子,本来打算是想写一篇WinUI的学习帖子,可是觉得市面上UWP的教程WPF的教程都是很多了,所以干脆就直接硬怼项目吧,先声明我不是来挖UWP ...

  8. hdu2482 字典树+spfa

    题意:       给你一个地图,地图上有公交站点和路线,问你从起点到终点至少要换多少次公交路线. 思路:       首先上面的题意说的和笼统,没说详细是因为这个题目叙述的很多,描述起来麻烦, 下面 ...

  9. FCKeditor编辑器漏洞

    目录 FCKeditor asp网页 aspx网页 php网页 jsp网页 FCKeditor FCKeditor是一个功能强大支持所见即所得功能的文本编辑器,可以为用户提供微软office软件一样的 ...

  10. 3.逆向分析Hello World!程序-下

    5.继续补充,常用操作指令: Ctrl+G    Go to       移动到指定地址,用来查看代码或内存,运行时不可用 F4        Execute till Cursor 执行到光标位置, ...