`

jquery笔记之属性选择器 查找以某种条件开头的页面元素

 
阅读更多
$("div[id]")                查找所有含有 id 属性的div元素。
$("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素。
$("div[id!='ajaxa']")       查找 id 不为 ajaxa 的 div 元素。
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。
$("div[id$='ajaxa']")       查找 id 以 ajaxa 结尾的 div 元素。
$("div[id*='ajaxa']")       查找 id 含 ajaxa 的 div 元素。
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。
$("div[id][class='ajaxa']") 查找存在id属性并且类为ajaxa的 div 元素。
分享到:
评论

相关推荐

    jquery 属性选择器的使用

    3. **以某种字符串开头的选择器**: 使用 `[attr^=value]`,选取属性值以指定字符串开头的元素。例如,`$('div[id^="cat"]')` 选取 id 以 "cat" 开头的 div 元素。 4. **以某种字符串结尾的选择器**: 使用 `[attr$=...

    JQuery笔记JQuery笔记

    属性选择器让你能够基于元素的属性值进行选择。如`$("div[id]")`选取所有带有ID属性的`<div>`元素,`$("input[name='news']")`选取所有名称为`news`的输入框。更复杂的属性匹配也支持,如`$("li[id^='tr']")`选取ID...

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

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

    jquery笔记

    22. **属性值以特定字符串开头的元素**:`$("选择器[属性名^=开始的值]")` —— 选取属性值以特定字符串开头的元素。 23. **属性值以特定字符串结尾的元素**:`$("选择器[属性名$=结束的值]")` —— 选取属性值以...

    Jquery实验室的选择器工具

    例如,`$("[href]")`选取所有具有`href`属性的元素,`$("[title^='jQuery']")`选取所有`title`属性值以"jQuery"开头的元素。 ### 4. 表达式选择器 jQuery还支持使用正则表达式进行更复杂的匹配,如`$("input[type=...

    Jquery学习笔记Jquery学习笔记

    Jquery选择器是Jquery框架中最基本也是最强大的功能之一。使用Jquery选择器可以快速地获取节点对象,从而实现各种动态效果。例如,使用$("#userName")可以获取id为userName的节点对象,而使用$("input[name='...

    jquery 学习笔记总结

    jQuery 支持多种 CSS 选择器,如 ID 选择器 (#id),类选择器 (.class),元素选择器 (element),以及组合选择器(例如,$(":input") 选取所有表单输入元素)。 - **ID 选择器**: 使用 `$("#myID")` 来选取具有特定 ...

    jquery4种选择器

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

    我的JQuery笔记.doc

    4. 查找子元素:$.children("选择器"),选取元素的直接子元素。 5. 事件处理:如$.click(function()),绑定点击事件,$(this)用于引用触发事件的元素。 6. 获取同级元素:$.siblings(),选取元素的所有同级元素,$....

    jQuery选择器基础知识

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

    JQuery选择器测试 离线版

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

    jquery 学习笔记源码 3jquery常规选择器

    本学习笔记将聚焦于jQuery的核心功能之一:常规选择器。通过理解并熟练运用这些选择器,你可以更加高效地定位和操纵网页中的元素,提升开发效率。 1. 元素选择器: jQuery的元素选择器允许我们根据HTML标签名来...

    jQuery学习资料之万能的选择器

    - **属性选择器**:`[attr]`(具有指定属性的元素)、`[attr=value]`(属性值等于指定值的元素)、`[attr^=value]`(属性值以指定值开头的元素)等。 - **伪类选择器**:`:hover`、`:active`、`:focus`、`:first-...

    jQuery选择器.rar

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

    jquery基本选择器

    其中,选择器是jQuery的核心功能之一,它使得能够高效地选取页面中的HTML元素。以下是对jQuery基本选择器的详细介绍: 1. **ID选择器 (#)** 使用井号`#`来选取具有特定ID的元素。例如,`$("#myID")`会选择ID为...

    jquery 动态选择器

    动态选择器是jQuery的核心特性之一,它允许开发者在运行时根据各种条件选取DOM元素。这在处理复杂的用户交互和动态更新的数据时尤其有用。动态选择器通常涉及以下几种类型: 1. **类选择器**: 使用`.`符号来选取...

    轻松玩转jQuery笔记

    比如选择具有某个类的元素([class]),选择属性值等于某值的元素([attr=value]),或者包含某值的元素([attr~=value]),以及以某值开头或结尾的元素([attr^=value]、[attr$=value]),或者包含某值的元素(...

    Jquery 选择器整理

    基本选择器是jQuery中最常用的类型之一,它们提供了简单的DOM元素选择方式。通过这些选择器,开发者可以快速定位到页面中的特定元素。 **代码示例与返回值:** 1. **根据给定的ID匹配一个元素** - **选择器:** `#...

Global site tag (gtag.js) - Google Analytics