`

jQuery中的属性选择器

 
阅读更多

jquery中有一个属性选择器,选中的前提当然是页面中的Dom元素中有这个属性,记住,是页面中

举例

$("input[type='checkbox'][checked]");

 上边的这段代码可以找到这样的input

 

<input type='checkbox' checked=ckecked />

 在页面中的checkbox具有checked属性,对于下边的这段代码

$("input[type='checkbox']:checked");

 可以匹配到选中的checkbox,对于有没有checked这个属性,没有什么关系

分享到:
评论
1 楼 bao梦 2013-05-17  
      

相关推荐

    jquery 属性选择器的使用

    在 jQuery 中,属性选择器是用于根据元素的特定属性来选取元素的重要工具。本文将深入探讨如何利用属性选择器来提高你的前端开发效率。** ### 一、属性选择器的基本语法 jQuery 提供了多种属性选择器,每种都有其...

    jquery4种选择器

    本文将深入探讨jQuery中的四种主要选择器:ID选择器、标签选择器、类选择器和属性选择器。这些选择器是jQuery高效地定位页面元素的基础,让我们逐一了解它们。 首先,ID选择器是通过CSS的`#`符号来指定一个元素的...

    JQuery选择器测试 离线版

    在jQuery中,选择器分为多种类型,包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**:主要包括`$()`,用于选取一个或多个DOM元素...

    jQuery基础选择器练习题

    jQuery中的内容选择器如`:has()`和`:empty`允许我们根据元素包含的内容进行选择,而属性选择器如`$("[attribute=value]")`则让我们能根据HTML属性选取元素。 最后,表单选择器如`:$(":input")`选取所有输入元素,`:...

    jquery周历选择器

    在这个周历选择器中,HTML可能包含一个容器元素来承载周历,每个日期单元格表示一周中的每一天。这些单元格可以通过CSS样式进行美化,并通过jQuery事件绑定来响应用户的交互。 3. **jQuery操作**: - jQuery库被...

    jQuery datepicker 日期选择器 中文汉化版 开始日期结束日期

    jQuery UI的日期选择器(jQuery datepicker)是一个广泛使用的组件,尤其在网页表单中用于输入日期时。这个组件提供了一个优雅、用户友好的界面,允许用户通过日历视图来选择日期,而不是手动输入。在中文环境中,...

    一个简单的jQuery时间选择器

    【标题】"一个简单的...总的来说,"一个简单的jQuery时间选择器"项目涵盖了前端开发中的多个核心概念,包括jQuery库的使用、插件开发、事件处理、样式设计以及响应式布局等,是学习和实践JavaScript开发的好素材。

    jquery 插件 颜色选择器

    而"jQuery插件颜色选择器"是jQuery生态中的一款实用工具,用于帮助用户在网页上方便地选取颜色。这类插件通常提供一个交互式的颜色面板,允许用户通过鼠标点击或滑动来选择所需的颜色值,适用于各种需要颜色输入的...

    jQuery选择器的一个Bug

    比如,当选择器包含特定的属性选择器、后代选择器或伪类选择器时,可能遇到性能问题,甚至可能导致错误的结果集。例如,如果一个选择器试图匹配动态创建的元素,或者在具有特定DOM结构的页面上运行,问题可能就会...

    jquery基本选择器

    8. **属性选择器** 通过属性名称和值来选取元素。例如,`$("[href]")`会选择所有带有`href`属性的元素,`$("[data-*]")`则会选取所有带有"data-"开头属性的元素。 9. **伪类选择器** 伪类选择器用于选取元素在...

    jquery 动态选择器

    3. **属性选择器**: 用于选取具有特定属性或属性值的元素。例如,`$("[href]")`选取所有有`href`属性的元素,而`$("[data-*]")`则选取所有带有数据属性的元素。 4. **伪类选择器**: 这些选择器基于元素的状态或位置...

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

    3. **属性选择器**:`$('[attribute=value]')`(按属性选择)、`$('[attribute*=value]')`(包含匹配)。 4. **伪类选择器**:`$('element:first')`(首个元素)、`$('element:last')`(最后一个元素)、`$('element...

    jquery样式选择器插件源码demo

    jQuery支持多种类型的选择器,包括基本选择器(如ID选择器、类选择器、标签选择器)、属性选择器、伪类选择器以及组合选择器等。这些选择器可以灵活地帮助我们定位页面中的特定元素,进行操作和样式设置。 该插件的...

    jQuery选择器基础知识

    属性选择器根据元素的属性来选取元素。有以下几种形式: - `[attr]` 选择具有指定属性的元素。 - `[attr=value]` 选择属性值等于给定值的元素。 - `[attr^=value]` 选择属性值以给定值开头的元素。 - `[attr$=value...

    JQuery中属性过滤选择器用法实例分析

    在使用属性选择器时,需要注意属性选择器是区分大小写的,且属性值中的引号应当匹配使用。此外,在实际的开发过程中,应当注意选择器的优先级和性能优化的问题。 通过实例分析,我们可以了解到JQuery属性过滤选择器...

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

    4. **属性选择器** - `[attribute]`:选择具有指定属性的元素,如`$("[href]")`。 - `[attribute=value]`:选择属性值为特定值的元素,如`$("[href='https://example.com']")`。 - `[attribute^=value]`:选择...

    jQuery颜色选择器

    jQuery颜色选择器是一种在网页开发中常用的前端工具,它极大地简化了用户在网页上选取颜色的过程。这个插件,称为colpick,是基于jQuery库构建的,为网页设计师和开发者提供了一个直观、易于集成的颜色选择界面。...

    Jquery实验室的选择器工具

    优先使用ID选择器,其次类选择器,再是属性选择器,尽量减少层级选择器的使用。 ### 实验室实践 在“jQuery实验室”的环境中,你可以实际操作这些选择器,观察它们在不同场景下的应用效果,加深理解并提升实战技能...

    jQuery选择器.rar

    3. **属性选择器**:通过元素属性来选择元素,如`$("[href]")`选取所有有`href`属性的元素,`$("[href^='http']")`选取所有`href`属性值以`http`开头的元素。 4. **伪类选择器**:用于选取元素的特定状态,比如`:...

Global site tag (gtag.js) - Google Analytics