`

jQuery 选择器--w3school

 
阅读更多

jQuery 选择器

http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

选择器 实例 选取
* $("*") 所有元素
#id $("#lastname") id="lastname" 的元素
.class $(".intro") 所有 class="intro" 的元素
element $("p") 所有 <p> 元素
.class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素
     
:first $("p:first") 第一个 <p> 元素
:last $("p:last") 最后一个 <p> 元素
:even $("tr:even") 所有偶数 <tr> 元素
:odd $("tr:odd") 所有奇数 <tr> 元素
     
:eq(index) $("ul li:eq(3)") 列表中的第四个元素(index 从 0 开始)
:gt(no) $("ul li:gt(3)") 列出 index 大于 3 的元素
:lt(no) $("ul li:lt(3)") 列出 index 小于 3 的元素
:not(selector) $("input:not(:empty)") 所有不为空的 input 元素
     
:header $(":header") 所有标题元素 <h1> - <h6>
:animated   所有动画元素
     
:contains(text) $(":contains('W3School')") 包含指定字符串的所有元素
:empty $(":empty") 无子(元素)节点的所有元素
:hidden $("p:hidden") 所有隐藏的 <p> 元素
:visible $("table:visible") 所有可见的表格
     
s1,s2,s3 $("th,td,.intro") 所有带有匹配选择的元素
     
[attribute] $("[href]") 所有带有 href 属性的元素
[attribute=value] $("[href='#']") 所有 href 属性的值等于 "#" 的元素
[attribute!=value] $("[href!='#']") 所有 href 属性的值不等于 "#" 的元素
[attribute$=value] $("[href$='.jpg']") 所有 href 属性的值包含以 ".jpg" 结尾的元素
     
:input $(":input") 所有 <input> 元素
:text $(":text") 所有 type="text" 的 <input> 元素
:password $(":password") 所有 type="password" 的 <input> 元素
:radio $(":radio") 所有 type="radio" 的 <input> 元素
:checkbox $(":checkbox") 所有 type="checkbox" 的 <input> 元素
:submit $(":submit") 所有 type="submit" 的 <input> 元素
:reset $(":reset") 所有 type="reset" 的 <input> 元素
:button $(":button") 所有 type="button" 的 <input> 元素
:image $(":image") 所有 type="image" 的 <input> 元素
:file $(":file") 所有 type="file" 的 <input> 元素
     
:enabled $(":enabled") 所有激活的 input 元素
:disabled $(":disabled") 所有禁用的 input 元素
:selected $(":selected") 所有被选取的 input 元素
:checked $(":checked") 所有被选中的 input 元素
分享到:
评论

相关推荐

    jquery选择器---懒人之爱

    jQuery选择器是jQuery库的核心特性之一,它允许开发者以简洁的方式选择页面上的DOM元素,并对它们执行操作。本文档将详细介绍jQuery选择器的使用方法及其相关知识点。 首先,选择器允许开发者根据元素的ID、类名、...

    Jquery,CSS,W3school等API

    在前端开发领域,jQuery、CSS和W3School是学习和工作中的重要工具。这些技术的API和电子书提供了丰富的资源,帮助开发者理解和掌握它们的功能与用法。 **jQuery API** jQuery是一个广泛使用的JavaScript库,它简化...

    w3school 5.0 w3school 5.0

    CSS教程则涉及选择器、布局技术(如盒模型、Flexbox和Grid)、响应式设计等,使页面具有良好的视觉效果和用户体验。JavaScript部分会涵盖变量、函数、对象、DOM操作以及与服务器通信等基础知识,它是动态网页的核心...

    jquery离线中文帮助文档+W3School离线手册

    - 选择器:类型选择器、类选择器、ID选择器、属性选择器 - 盒模型:content, padding, border, margin - CSS布局:浮动、定位、Flexbox、Grid - CSS3新特性:阴影、渐变、过渡、动画 3. **JavaScript** - 变量...

    W3School中文离线手册和jQuery中文参考手册

    1. jQuery选择器:使用高效的Sizzle引擎,支持CSS选择器、DOM选择器和jQuery特有的选择器。 2. DOM操作:如获取元素、创建元素、插入元素、删除元素和遍历DOM树。 3. 事件处理:注册和触发事件,以及使用事件委托...

    jquery和w3school菜鸟教程.rar

    - `w3cschool菜鸟教程.CHM`:这是一份来自W3School的jQuery教学资料,适合初学者,内容包括基本概念、选择器、事件、遍历DOM、特效、Ajax和插件等。通过学习,用户能够快速掌握jQuery的基本用法并应用于实际项目。 ...

    W3School-完整离线版

    【标题】"W3School-完整离线版" 提供的是一个全面的Web开发学习资源,其中涵盖了HTML5、CSS、XML以及JavaScript等关键领域的教程和参考资料。这个离线版本使得开发者无需网络连接也能深入学习和查阅这些重要的Web...

    w3school jQuery参考手册 飞龙整理 20141002

    本参考手册由W3School整理,旨在提供全面的jQuery选择器和事件方法的知识。 **jQuery 选择器** jQuery的选择器是基于CSS选择器进行扩展的,允许开发者更加精确地选取DOM(文档对象模型)中的元素。以下是一些基本...

    w3school-JS

    本文将深入探讨这些技术,并结合w3school-JS.chm这个CHM帮助文档,为开发者提供详尽的指引。 首先,HTML(HyperText Markup Language)是网页的基础结构语言,用于定义页面内容的布局和结构。它通过一系列的标签来...

    W3school,jquery,jquerymobile,css

    【标题】中的"W3school"、"jquery"、"jquerymobile"和"css"都是Web开发中的关键元素,它们代表了不同的技术栈和框架。以下是对这些知识点的详细阐述: **W3School**:这是一个非常知名的在线学习平台,提供丰富的...

    web 手册 w3school

    W3School 的 CSS 教程会讲解选择器、属性、盒模型、响应式设计等内容。 3. **JavaScript**:这是一种编程语言,用于添加网页的交互性。W3School 的 JavaScript 教程会涉及变量、数据类型、函数、事件处理、DOM 操作...

    w3school离线完全版2012年7月18日最新版

    2. CSS(Cascading Style Sheets):用于控制网页样式的语言,涵盖选择器、盒模型、布局、响应式设计等。 3. JavaScript:前端编程语言,涉及变量、数据类型、函数、DOM操作、事件处理、AJAX等。 4. XML(eXtensible...

    JavaAPI1.6中文文档_JQuery1.8中文文档_W3School学习文档打包下载

    这个文档详细解释了JQuery的各种选择器、方法、事件和插件,帮助开发者快速掌握如何高效地操作网页元素,实现动态效果和与服务器的交互。 W3School学习文档则是Web开发者的在线教程集合,包括HTML、CSS、JavaScript...

    w3school最新离线手册(中文版)

    手册涵盖了选择器、盒模型、布局技术(如Flexbox和Grid)、颜色、字体、动画和过渡等主题,帮助开发者实现美观且响应式的页面设计。 3. **JavaScript**:作为前端开发的核心语言,JavaScript能实现动态交互效果。...

    JDK,Jquery,W3Shool,API,离线版

    1. **选择器**:基于CSS选择器,使选取DOM元素变得更加简单。 2. **链式操作**:允许在一个句子里连续调用多个方法,提高代码的可读性。 3. **DOM操作**:如`$(selector).html()`, `$(selector).append()`等,方便地...

    W3School全套教程

    W3School 的CSS教程涵盖选择器、盒模型、布局模式、响应式设计等方面,使学习者能够创建美观且具有响应能力的现代网页。 **JavaScript教程** JavaScript 是一种动态编程语言,用于实现网页的交互性。W3School 的...

    w3school中文版

    w3school的CSS教程将引导学生从选择器和属性开始,逐渐深入到更复杂的布局技巧,如Flexbox和Grid系统。 接着,XML(可扩展标记语言)是一个用于存储和传输数据的格式,常用于数据交换。w3school的XML教程将教授如何...

    w3school网站源码

    w3school的CSS教程包括选择器、盒模型、布局技巧等,源码提供了丰富的实例,可以帮助你理解如何通过CSS实现网页的美化和响应式设计。 3. **JavaScript教程** JavaScript是Web开发中的重要脚本语言,用于增加交互性...

    w3School.zip

    手册会涵盖选择器、盒模型、布局模式等内容。 3. JavaScript:这是一种脚本语言,用于增加网页的交互性。手册可能会包含变量、函数、DOM操作、事件处理等基础知识。 4. 其他前端技术:可能还包括jQuery库的使用、...

    w3school完整版-最新编译-2011-10-7

    W3School是一个知名的在线学习平台,以其丰富的教程和实例著称,帮助初学者和专业人士快速掌握网页开发技能。 首先,我们来详细了解一下HTML(HyperText Markup Language),它是构建网页的基础,用于定义网页的...

Global site tag (gtag.js) - Google Analytics