`

jQuery选择器常用功能

阅读更多
基本
#id:jQuery("#myId").val("0")  // 将id="myId"的元素的值设置为"0";
element:jQuery("div")  // 选择所有div元素;
.class:jQuery('.myClass')  // 选择所有class="myClass"的元素;
*:jQuery("*")  // 选择页面所有元素;
element1,element1:jQuery("div,span,p.myClass")  // 选择所有p且class="myClass"、div和span元素;
:type:例如jQuery(':text'), jQuery(':radio'), jQuery(':submit');

其他
jQuery('input:not(:text)')  // 选择所有input且不是type="text"的元素
jQuery('img:first')  // 选择第一个img元素
jQuery('img:last')  // 选择最后一个img元素
jQuery('div:has(p)')  // 选择包含p标签的div元素
jQuery('div[id]')  // 选择所有有id属性的div元素
jQuery('div[name=myDiv]')  // 选择所有name="myDiv"属性的div元素
jQuery('div[name!=myDiv]')  // 选择name="myDiv"以外的所有div元素
jQuery('div[name^=my]')  // 选择所有name="my*"开头的所有div元素(例如<div name="myBook">)
jQuery('div[name$=my]')  // 选择所有name="*my"结尾的所有div元素(例如<div name="bookmy">)
jQuery('div[name*=my]')  // 选择所有name="*my*"的div元素(例如<div name="ismybook">)
jQuery('div[name=my][value=me]')  // 选择所有name="my"且value="me"的div元素
jQuery('input:checked')  // 选择所有被checked的元素
jQuery('select option:selected')  // 选择所有selected的元素
分享到:
评论

相关推荐

    JQuery选择器测试 离线版

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

    jQuery选择器速查表

    ### jQuery选择器速查表知识点 jQuery选择器是jQuery库中用于选取HTML元素的强大工具。通过不同的选择器,我们可以轻松地选中页面中的元素并进行操作。本速查表将介绍几种不同类型的选择器,以供查询和参考。 ####...

    Jquery 选择器整理

    综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素选择还是复杂的条件过滤,都能轻松实现。在实际开发过程中,合理运用这些选择器可以极大地提高代码的效率...

    jQuery常用功能大全

    ### jQuery常用功能详解 #### 一、页面元素的引用 在使用jQuery时,最基础的操作之一就是选择页面上的元素。这通常通过`$()`符号来完成。jQuery的强大之处在于它支持多种选择器语法,比如: - **ID选择器**:通过...

    jquery 城市选择器

    jQuery城市选择器是网页表单设计中常用的一种组件,通过合理的数据结构和事件驱动,实现了级联选择的效果。理解其工作原理,并结合实际项目需求进行优化,能有效提升网站的用户体验和交互性。随着前端技术的不断发展...

    常用jQuery选择器总结

    jQuery选择器是jQuery库的核心功能之一,用于高效地定位并操作网页中的DOM元素。通过使用jQuery选择器,开发者可以轻松地选取需要的HTML元素,并执行一系列的DOM操作,如添加样式、修改内容或绑定事件等。 1. **...

    jQuery选择器全面总结

    jQuery选择器是jQuery库的核心功能之一,用于高效地定位和操作网页中的HTML元素。这篇文章将对jQuery选择器进行全面总结,帮助开发者更好地理解和运用这些工具。 首先,我们要了解基本选择器,这是jQuery选择器的...

    基于jquery实现的地址选择器

    【基于jQuery实现的地址选择器】是一种常用的前端交互组件,常用于用户在填写表单时选择他们的居住地或发货地址。这种组件通过级联下拉菜单的形式,展示省、市、区、乡镇、社区等多级行政区域,使得用户能够方便快捷...

    jQuery颜色选择器

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

    jquery一些案列和一些选择器

    以下是一些常见的jQuery选择器: - **ID选择器**: `$("#elementId")` - 通过元素的ID查找元素,例如:`$("#myDiv")`。 - **类选择器**: `$(".className")` - 通过类名查找元素,例如:`$(".myClass")`。 - **元素...

    CSS选择器和jQuery选择器

    本文将深入探讨两种常用的选择器——CSS选择器和jQuery选择器,并通过具体的例子来帮助读者更好地理解和掌握它们。 #### 二、CSS选择器 CSS选择器是CSS的核心功能之一,用于定义哪些HTML元素应该应用特定的样式。...

    jquery颜色选择器

    4. **初始化插件**:在页面加载完成后(通常在`$(document).ready()`函数中),使用jQuery选择器找到元素并调用颜色选择器插件的初始化方法,设置相关配置,如预设颜色、回调函数等。 5. **事件监听**:你可以监听...

    JQuery选择器帮助文档

    ### JQuery选择器帮助文档 #### 一、简介 本文档主要介绍了JQuery 1.3.2版本中的选择器功能,这些选择器可以帮助开发者高效地选取网页中的元素,从而实现对DOM的操作。JQuery的选择器简化了JavaScript原生操作DOM...

    jquery 颜色选择器插件

    本文将深入探讨一款优秀的jQuery颜色选择器插件——colpick,它以其简洁的界面、丰富的功能和良好的可定制性,深受开发者喜爱。 colpick-jQuery-Color-Picker是一款基于jQuery的开源颜色选择器插件,它的核心优势...

    jquery选择器.pdf

    jQuery选择器是jQuery库的核心功能之一,用于在DOM(文档对象模型)中高效地选取HTML元素。它们提供了简单且强大的方式来定位页面上的特定元素,从而实现高效的DOM操作。以下是一些主要的jQuery选择器及其用途: 1....

    jquery选择器总结

    ### jQuery选择器总结 在前端开发领域,jQuery作为一款优秀的JavaScript库,凭借其简洁的语法、强大的功能,深受开发者喜爱。其中,选择器是jQuery的一个核心功能,它可以帮助开发者快速定位DOM元素,并对其进行...

    Jquery演示 jquerydemo jquery常用

    jQuery选择器类似于CSS,用于选取HTML元素。例如,`$("#id")` 选取ID为"id"的元素,`$(".class")` 选取所有class为"class"的元素,`$("tagname")` 选取所有tagname类型的元素。更复杂的组合选择器如`:first`, `:last...

    jQuery基础和jQuery选择器教程

    ### jQuery选择器 jQuery的选择器是其强大之处,它们基于CSS选择器,但扩展了一些额外的功能。 1. **基本选择器**: 包括 `ID选择器 (#)`, `类选择器 (.)`, 和 `元素选择器 (*)`,如: ```javascript $("#myID");...

    jQuery 选择器、DOM操作、事件、动画

    基本选择器和过滤选择器是jQuery选择器中最常用的部分。 基本选择器包括: - ID选择器:`$("#test")`,选取ID为test的元素。 - 类选择器:`$(".test")`,选取所有class为test的元素。 - 标签选择器:`$("p")`,选取...

Global site tag (gtag.js) - Google Analytics