`
Notebookdong
  • 浏览: 122706 次
社区版块
存档分类
最新评论

JQuery选择器,选择ID以xx开头的一组标签

阅读更多

在JQuery中可以通过选择器来选取指定的元素,但如果有一组Button它们的ID都是以my_button_xxx这样的形式书写的

<button id="my_button_oo1" value="001"/>
<button id="my_button_oo2" value="002"/>
<button id="my_button_oo3" value="003"/>
<button id="my_button_oo4" value="004"/>

 如果他们的作用都是alert出自己的value,这时我们可以通过这样的形式来选择:

$(function(){
  $("button[id^='my_button']").click(function(){
     alert(this.value);
  });
});

 通过这种形式我们可以把id以my_button开头的所有button 都给选择,而不用为每个button写出一个。

 

$("input[id$='bottom']")       选择所有的id属性以'bottom'结尾的input元素
$("input[id*='contain']")      选择所有的id属性包含'contain'的input元素
分享到:
评论

相关推荐

    jQuery选择器全解.

    选择器按功能分为基础选择器、层次选择器、属性选择器、表单选择器、可见性选择器、位置选择器、子元素选择器、内容选择器、属性选择器、表单对象属性选择器以及过滤选择器。每类选择器都有其独特的应用场景,熟悉并...

    jQuery选择器基础知识

    其中,选择器是jQuery的核心功能之一,用于高效地选取DOM元素,从而实现对网页内容的控制和操作。本篇文章将深入探讨jQuery选择器的基础知识,包括其类型、用法和实际应用。 ### 1. 基本选择器 基本选择器包括ID...

    jQuery选择器速查表

    基本选择器是jQuery中最常用的,它们通过元素的id、class和标签名来选取元素。 - **id选择器**:通过元素的id来选取,用`#`前缀标识。例如`$('#testID')`选取id为`testID`的元素。 - **类选择器**:通过元素的class...

    JQuery选择器测试 离线版

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

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

    jQuery库以其易用性和强大的选择器功能而闻名,使得JavaScript开发者能够更轻松地操作DOM(文档对象模型)。以下是一份详细的知识点概述,涵盖了jQuery中的主要选择器及其应用。 1. **基本选择器** - `$()`:这是...

    jQuery选择器大全

    基本选择器是学习jQuery选择器的基石,涵盖了ID选择器、Class选择器、Element选择器及通配符选择器。 1. **ID选择器**:`#id`,用于定位具有特定ID的单一元素,如`$('#one')`会选中ID为“one”的元素,常用于修改该...

    jQuery基础选择器练习题

    本篇文章将深入探讨jQuery的基础选择器及其在实际编程中的应用,以帮助你更好地理解和掌握这些知识点。 首先,我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具,包括: 1. **ID选择器**: ...

    jQuery选择器.rar

    1. **基本选择器**:包括`$()`函数内的ID选择器(如`$("#myID")`)、类选择器(`.myClass`)、元素选择器(`$("div")`)和标签选择器(`$("p")`)。这些选择器基于元素的ID、类名、标签名来定位元素。 2. **组合...

    经典的jQuery选择器应用例子

    本篇文章将深入探讨jQuery选择器的详细应用,通过一系列经典实例来帮助你更好地理解和运用这些选择器。 1. 基本选择器: - `$("#id")`:通过ID选取元素,例如`$("#myDiv")`会选择id为"myDiv"的元素。 - `$("....

    jQuery选择器的一个Bug

    jQuery基于CSS选择器,它允许开发者通过类似CSS的方式选取DOM元素,如`$("#id")`、`$(".class")`或`$("tag")`等。jQuery会解析这些选择器,然后使用其内部实现的高效算法来查找匹配的元素。 这个特定的Bug可能涉及...

    jquery选择器入门详解小案例

    jQuery支持多种CSS选择器,包括基本选择器、层次选择器、属性选择器和类选择器等。这些选择器可以帮助我们更精确地定位到我们需要操作的DOM元素。 1. **基本选择器**: - `$("#id")`:通过ID选择元素,例如`$("#...

    PPT和案例\jQuery选择器

    基本选择器包括ID选择器(`#id`)、类选择器(`.class`)、标签选择器(`tag`)和通用选择器(`*`)。这些选择器与CSS中的对应选择器功能相同,但jQuery的写法更为简洁。例如: - `$("#myID")` 等同于 `document....

    jQuery选择器上机练习题及答案.rar

    (11)选择其href属性值以http开头的a元素 (12)选择div元素内嵌套的span元素 上机任务2 用chrome打开dom.sample2.html页面, 在chrome的控制台中输入jQuery代码并执行,完成以下选择动作: (13)选择...

    jQuery时间选择器点击选择小时分钟代码

    在网页开发中,jQuery时间选择器是一个非常实用的工具,它允许用户通过点击来选取特定的小时和分钟,为表单输入提供了便利。这个“jQuery时间选择器点击选择小时分钟代码”很可能是一个实现这一功能的代码示例或者...

    jQuery颜色选择器ColorPicker

    **jQuery颜色选择器ColorPicker详解** 在Web开发中,用户界面的交互性和视觉效果往往对用户体验有着重要影响。其中,颜色选择器是一个常见的组件,它允许用户方便地选取颜色。`jQuery ColorPicker`是一个轻量级且...

    jquery样式选择器插件源码demo

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

    jquery4种选择器

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

    Jquery实验室的选择器工具

    jQuery选择器返回的是jQuery对象,它封装了一组DOM元素。jQuery对象提供了丰富的API方法,如`.css()`, `.html()`, `.attr()`, `.on()`等,便于对选取的元素进行操作。 ### 8. 性能优化 虽然jQuery选择器非常强大,...

    jquery基本选择器

    **jQuery基本选择器** jQuery库是JavaScript中最广泛使用的库之一,它简化了DOM操作、事件处理和动画制作。其中,选择器是jQuery的核心功能之一,它使得能够高效地选取页面中的HTML元素。以下是对jQuery基本选择器...

    css+jquery选择器大全

    1. 基本jQuery选择器:包括通过标签名、类名、ID以及属性选择元素,如`$("p")`、`$(".intro")`、`$("#firstname")`、`$("[href]")`。 2. 层次选择器:如`$("p div")`选择所有`&lt;p&gt;`元素内部的`&lt;div&gt;`元素。 3. 过滤...

Global site tag (gtag.js) - Google Analytics