`

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文件

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

    (24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...

    jQuery date_input日期选择器

    jQuery date_input日期选择器 发一JQUERY插件jQuery date_input,是日期选择器..... 这个选择器是我已经修改过的,官方下载的选择界面是英文的,然后我把它又汉化了一下..根据中国国情,又修改了日期格式!! 效果图演示...

    老生常谈jquery id选择器和class选择器的区别

    下面小编就为大家带来一篇老生常谈jquery id选择器和class选择器的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JQUERY选择器 id选择器<br> 2)  $('.class')  css选择器,class类名<br>

    #id') id选择器 2) $('.class') css选择器,class类名 3) $('element') 标签选择器,例如p,h1,div 4) $('*') 全选择器,可选择所有的html标签(影响范围较大甚用) 5) $('sele1,sele2') 用...

    jQuery简单选择器

    jQuery各类选择器总结,包括类的选择、ID的选择以及标签的选择等

    jQuery 选择器

    jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。 页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。 通过 id 选取元素语法如下: $(“#test”) 实例 当用户点击按钮...

    1、jQuery常用的选择器分类及其用法1

    jQuery常用的选择器分类及其用法 一、基本选择器 3 1. id选择器(指定id元素) 3 2. class选择器(遍历css类元素) 3 3. eleme

    jQuery选择器之基本选择器用法实例分析

    本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考,具体如下: 初学jQuery,为了能系统地学习好jQuery,今天特意把自己的学习心得归纳一下,贴上来与初学者共享,今天我主要总结的是jquery的基本...

    jQuery选择器 1.pptx

    JavaScript+jQuery 网页特效设计;;1、jQuery选择器介绍;2、元素选择器;2、元素选择器;3、#id选择器;3、#id选择器;4、.class选择器;4、.class选择器;5、其他选择器

    jQuery选择器分类应用.doc

    jQuery选择器分类应用.doc $的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1....

    jquery选择器简述

    jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房,得不到元素谈何其他各种操作呢?...2.ID选择器 $(“id”) 其中,参数id表示待查找的元

    jquery选择器总结

    对jquery的选择器进行总结。 特点: 简练、实用的说明了,id、名称、及层级选择。

    jQuery选择器总结之常用元素查找方法

    jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $(“#myELement”) 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”) 选择...

    jQuery四种选择器使用及示例

    jQuery 元素选择器  jQuery 使用 CSS 选择器来选取 HTML 元素。  $(“p”) 选取 &lt;p&gt; 元素。  $(“p.intro”) 选取所有 class=”intro” 的 &lt;p&gt; 元素。  $(“p#demo”) 选取所有 id=”demo” 的 &lt;p&gt; 元素。  ...

    Jquery中CSS选择器用法分析

    jQuery使用了一套css选择器,共有5种,即标签选择器,ID选择器,类选择器,通用选择器和群组选择器,现分述如下: 1. 标签选择器 用于选择HTML页面中已有的标签元素,又称元素选择器,格式:$(“element”),如$(...

    jQuery中的通配符选择器使用总结

    jquery选择器中的通配符经常用到,大致的用法总结如下: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性...

    jQuery中复合选择器简单用法示例

    复合选择器将多个选择器(可以是ID选择器、元素选择或是类名选择器)组合在一起,两个选择器之间以逗号“,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引...

    jquery 动态ID

    NULL 博文链接:https://tristan-s.iteye.com/blog/1874042

Global site tag (gtag.js) - Google Analytics