`

jQuery之ID选择器

阅读更多
参考资料
强烈推荐:张子秋
从零开始学习jQuery (二) 万能的选择器

http://www.cnblogs.com/zhangziqiu/archive/2009/05/03/jQuery-Learn-2.html
1 jquery: $('id', $('class')) 或 $('id', $(this)) 之类的 都可以做选择器 !
http://hi.baidu.com/zwfec/blog/item/164c953d55443919bba16759.html
2 jQuery性能指标和调优(2)
http://developer.51cto.com/art/201105/259528_1.htm
3 jQuery温习篇 强大的JQuery选择器
http://www.jb51.net/article/23182.htm
4 jQuery选择器应用优化
http://www.skygq.com/2011/01/08/%EF%BC%88%E8%BD%AC%EF%BC%89jquery%E9%80%89%E6%8B%A9%E5%99%A8%E5%BA%94%E7%94%A8%E4%BC%98%E5%8C%96/
5 12条jquery常用技巧和方法整理列表
http://www.kqiqi.com/knowledge/web-based/620.html
6 jQuery使用技巧总结篇
http://www.son1c.cn/show/288.html
7 JQuery选择过滤器
http://archive.cnblogs.com/a/2084103/
参考所有资料,ID选择器在jQuery中速度是最快的了,多使用它吧,
在jQuery中的选择器有很多,包含选择器类型:
基本选择器: id选择器,class选择器,元素选择器,多元素选择器
简单选择器::first,:last,:odd...
内容选择器:...
可见性选择器:...
ID选择器它是指一个用来搜索的ID,通过指定一个元素的id属性,它用到了原生javascript方法:document.getElementById(),语法使用:#ID,要求:页面的元素配置ID属性,如:

<div id="message" style="color:red"></div>
<input type="text" id="name"/>

jQuery使用方法:
$(function(){
     $('#name').click(function(){
	$("#message").html($("#name").val());   
     });
});

以下图片来自于张子秋






  • 大小: 136.7 KB
  • 大小: 121.8 KB
  • 大小: 109.6 KB
  • 大小: 96.6 KB
  • 大小: 100 KB
  • 大小: 53 KB
  • 大小: 81.8 KB
分享到:
评论

相关推荐

    jquery4种选择器

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

    jquery实现颜色选择器

    **jQuery 实现颜色选择器** 在网页开发中,颜色选择器是一个常见的交互元素,它允许用户方便地选取颜色。在本教程中,我们将探讨如何利用 jQuery 和相关插件来实现一个功能完备的颜色选择器。 首先,`jQuery` 是一...

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

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

    jQuery颜色选择器ColorPicker

    这段代码会在ID为`colorSelector`的元素上添加颜色选择器功能。 ### 4. 兼容性和适应性 `jQuery ColorPicker`设计时考虑了跨浏览器兼容性,支持主流的浏览器,如Chrome、Firefox、Safari、Edge和Internet Explorer...

    JQuery选择器测试 离线版

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

    一个jQueryUI时间选择器

    **jQuery UI 时间选择器详解** 在网页开发中,用户界面的交互性和易用性是至关重要的,而日期和时间选择器则是提升用户体验的一种常见方法。jQuery UI 提供了一个功能强大的时间选择器组件,使得开发者可以轻松地在...

    jQuery基础选择器练习题

    1. **ID选择器**: 使用`#`符号来选取具有特定ID的元素,例如`$("#myID")`将选取ID为"myID"的元素。 2. **类选择器**: 使用`.`符号来选取具有特定类名的元素,例如`$(".myClass")`将选取所有class为"myClass"的元素。...

    jQuery日期时间选择器插件.zip

    在本文中,我们将深入探讨jQuery日期时间选择器插件,这是一种高效、美观的JavaScript解决方案,用于在网页上添加交互式的日期和时间选择功能。这款插件利用jQuery库的强大功能,为用户提供了简单易用的界面,使他们...

    jQuery商品价格选择器

    《jQuery商品价格选择器详解与应用》 在Web开发中,jQuery库因其简洁易用的API和强大的功能,被广泛应用于各种交互设计中。本文将深入探讨如何利用jQuery实现一个商品价格选择器,以提升用户体验并优化购物过程。 ...

    jquery 城市选择器

    《jQuery城市选择器详解》 在网页开发中,经常需要实现一种功能,即用户可以选择他们的所在省份和城市,这在注册、填写地址等场景中尤为常见。jQuery城市选择器就是解决这一需求的有效工具,它利用JavaScript和...

    一个简单的jQuery时间选择器

    2. **选择器和DOM操作**:jQuery提供了一系列强大的选择器来定位DOM元素,如`$("#elementID")`用于选择ID为`elementID`的元素。然后,可以使用`.html()`, `.text()`, `.val()`等方法修改元素的内容或属性。 3. **...

    jquery 城市联动选择器

    4. **初始化插件**:在页面加载完成后,调用jQuery插件的初始化函数,指定省份、城市和区县选择器的ID,以及可能的其他配置选项,如数据源、Ajax请求设置等。 5. **处理Ajax响应**:在服务器端,需要准备一个接口,...

    jquery 插件 颜色选择器

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

    jQuery选择器大全

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

    jquery日期选择器

    日期选择器作为常见的交互元素之一,对于处理日期输入场景非常有用。"jQuery日期选择器"是这样一个轻量级且易用的工具,它允许用户通过友好的图形界面来选择日期,极大地提高了数据输入的便捷性。 ### jQuery与日期...

    jquery基本选择器

    1. **ID选择器 (#)** 使用井号`#`来选取具有特定ID的元素。例如,`$("#myID")`会选择ID为"myID"的元素。在HTML中,每个ID应该是唯一的,所以这个选择器通常会返回单个元素。 2. **类选择器 (.)** 使用点`.`来...

    jquery 颜色选择器,使用简单

    jQuery,一个流行的JavaScript库,提供了许多插件来简化开发人员的工作,其中包括颜色选择器。本篇文章将深入探讨如何利用jQuery轻松实现颜色选择功能,以提高用户界面的交互性。 一、jQuery颜色选择器简介 jQuery...

    jquery 动态选择器

    2. **ID选择器**: 使用`#`符号来选取具有特定ID的元素。例如,`$("#myID")`将选取ID为`myID`的唯一元素。 3. **属性选择器**: 用于选取具有特定属性或属性值的元素。例如,`$("[href]")`选取所有有`href`属性的元素...

    jQuery选择器的一个Bug

    然而,即便如此成熟的库,也难免存在一些已知的问题和限制,其中之一就是我们今天要探讨的"jQuery选择器的一个Bug"。 首先,我们要理解jQuery选择器的基本原理。jQuery基于CSS选择器,它允许开发者通过类似CSS的...

Global site tag (gtag.js) - Google Analytics