`

jquery选择器多种使用

 
阅读更多

常用jQuery选择器

$(this)当前 HTML 元素

$("p")所有 <p> 元素

$("p.intro")所有 class="intro" 的 <p> 元素

$(".intro")所有 class="intro" 的元素

$("#intro")id="intro" 的元素

$("ul li:first")每个 <ul> 的第一个 <li> 元素

$("[href$='.jpg']")所有带有以 ".jpg" 结尾的属性值的 href 属性

$("div#intro .head")id="intro" 的 <div> 元素中的所有 class="head" 的元素

元素ID是变量时,选择ID

例:

var id="one"; 

var obj=$('#'+id);//等同于拼接字符串

选择ID为变量的DIV的子节点

var id="one";

$("#" + id + " .number")//找到的这个id下面的所有class=number的子节点

**注意(" .number")中有一个空格,要找子节点应该加一个空格

同时选择多个不同的ID

$("#id1,#id2,#id3,#id4")

 

分享到:
评论

相关推荐

    JQuery选择器测试 离线版

    这个“JQuery选择器测试 离线版”是一个专门用于检验和学习jQuery选择器功能的应用,由一位国外专家创建,并进行了轻微的修改。** 在jQuery中,选择器分为多种类型,包括基础选择器、类别选择器、ID选择器、属性...

    jquery选择器入门详解小案例

    本篇文章将深入探讨jQuery选择器的入门知识,并通过实际的小案例帮助你理解和应用这些选择器。 jQuery选择器是jQuery库的核心部分,它们是用于在HTML文档中查找元素的工具。jQuery支持多种CSS选择器,包括基本选择...

    jquery 颜色选择器,使用简单

    jQuery社区提供了多种颜色选择器插件,如`jQuery UI ColorPicker`、`jQuery Spectrum`、`.eyeCandy Color Picker`等。每种插件都有其特点和优势,选择时应根据项目需求和性能考虑。 总结 使用jQuery颜色选择器可以...

    jquery样式选择器插件源码demo

    通过阅读和理解这段源码,开发者不仅可以学习到jQuery选择器的工作原理,还能提升对CSS选择器、DOM操作以及JavaScript性能优化的理解。 总结来说,这个"jquery样式选择器插件"是一个浓缩的精华,它展示了如何用最少...

    Jquery实验室的选择器工具

    虽然jQuery选择器非常强大,但在处理大量元素时,应避免使用过于复杂的选择器,因为这可能影响性能。优先使用ID选择器,其次类选择器,再是属性选择器,尽量减少层级选择器的使用。 ### 实验室实践 在“jQuery实验...

    jquery日期选择器

    3. **初始化插件**:使用jQuery选择器选择该元素,然后调用日期选择器插件的初始化方法,例如`$(selector).dateInput(options);`,其中`options`是可选的配置对象。 4. **配置选项**:根据需求设置日期选择器的配置...

    jquery双向选择器代码

    为了进一步学习和理解,你可以解压文件,查看其中的JavaScript代码,分析它是如何使用jQuery选择器进行双向操作的。此外,也可以查阅jQuery官方文档和在线教程,以获取更全面的知识和实践指导。 总的来说,掌握...

    Jquery颜色选择器

    使用这个插件,你需要在HTML文件中引用jQuery库、ColorPicker插件的JS和CSS文件,然后在适当的地方通过jQuery选择器调用插件,并根据需要配置选项。 例如: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery颜色选择器...

    RIA应用开发:2-jquery选择器.ppt

    jQuery 选择器有多种类型,包括: * Id 选择器:通过元素的 Id 属性来选择元素,例如 $("#id")。 * 类选择器:通过元素的类名来选择元素,例如 $(".class")。 * 元素选择器:通过元素的标签名来选择元素,例如 $("p...

    jquery 属性选择器的使用

    jQuery 提供了多种属性选择器,每种都有其独特的用法: 1. **基本属性选择器**: 使用 `[attr]` 选择器,可以选取具有指定属性的所有元素。例如,`$('input[type="text"]')` 将选取所有类型为 "text" 的输入元素。 ...

    jquery 动态选择器

    5. **组合选择器**: 可以组合使用多种选择器来更精确地选取元素。例如,`$("div.myClass span")`选取所有`div`元素内的`span`元素,这些`div`还必须具有`myClass`类。 6. **过滤选择器**: 用于从已选集进一步筛选...

    jQuery选择器全集详解

    jQuery是一种快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历和事件处理,同时也简化了动画、Ajax交互和跨浏览器的DOM操作。...总之,了解并掌握jQuery选择器是学习和使用jQuery过程中非常重要的一步。

    jquery选择器应用实例

    在本实例中,我们将探讨如何利用jQuery选择器在Visual Studio 2010环境下进行高效而精确的网页元素选取。jQuery的选择器是其强大功能的核心,它们基于CSS选择器,但提供了更丰富的功能。 首先,让我们了解jQuery的...

    jQuery颜色选择器

    6. **使用示例**:在HTML中,你只需要创建一个`&lt;div&gt;`或其他元素作为颜色选择器的触发器,并通过jQuery选择器和`.colpick()`方法初始化插件。例如: ```javascript $('#colorPicker').colpick({ layout: 'hex', ...

    jquery语法与选择器介绍 带有案例

    ### jQuery选择器 jQuery支持多种选择器,扩展了CSS的选择能力: 1. **基本选择器**:`$('element')`(标签选择器)、`$('#id')`(ID选择器)、`$('.class')`(类选择器)。 2. **组合选择器**:`$('element1, ...

    jQuery日期选择器插件自定义多种日期选择

    本主题聚焦于使用jQuery构建一个自定义的日期选择器插件,这个插件允许用户以多种方式选择日期,以满足不同的界面需求和交互体验。 首先,我们需要了解日期选择器的基本原理。在网页应用中,日期选择器通常用于让...

    jQuery时间选择器datepicker年月日时分秒选择

    其中,jQuery UI是jQuery的一个扩展库,提供了一系列可交互的用户界面组件,其中包括我们今天要讨论的"日期选择器"——jQuery UI Datepicker。这个插件允许用户方便地选择日期,甚至可以扩展到选择时间,实现年月日...

    jQuery日期日历选择器插件自定义多种日期选择

    在IT领域,前端开发中经常会使用到各种各样的插件来增强用户体验,特别是涉及到日期选择时,jQuery日期日历选择器插件就是一种常见的解决方案。本文将深入探讨jQuery日期日历选择器插件的自定义功能及其应用。 首先...

    jquery 插件 颜色选择器

    在使用这个插件时,我们首先需要在页面中引入jQuery库和插件的JavaScript及CSS文件,然后可以通过简单的jQuery选择器和方法将颜色选择器绑定到指定元素: ```html &lt;!DOCTYPE html&gt; 颜色选择器示例 ...

    jquery select 多种下拉日期选择插件

    此外,插件还支持弹出日历选择器,让用户能够逐日浏览并选择特定日期,增加了选择的灵活性。 在实际开发中,这种插件的实现可能涉及到以下几个关键点: 1. **事件监听**:使用jQuery的`.on()`方法监听input元素的...

Global site tag (gtag.js) - Google Analytics