从零开始学习jQuery (二) 万能的选择器


Posted in Javascript onOctober 01, 2010

一.摘要

本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量.

二.前言

编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步.

三.Dom对象和jQuery包装集

无论是在写程序还是看API文档,  我们要时刻注意区分Dom对象和jQuery包装集.

1.Dom对象

在传统的javascript开发中,我们都是首先获取Dom对象,比如:

var div = document.getElementById("testDiv"); 
var divs = document.getElementsByTagName("div");

我们经常使用 document.getElementById 方法根据id获取单个Dom对象, 或者使用 document.getElementsByTagName 方法根据HTML标签名称获取Dom对象集合.

另外在事件函数中, 可以通过在方法函数中使用this引用事件触发对象(但是在多播事件函数中IE6存在问题), 或者使用event对象的target(FF)或srcElement(iIE6)获取到引发事件的Dom对象.

注意我们这里获取到的都是Dom对象, Dom对象也有不同的类型比如input, div, span等.  Dom对象只有有限的属性和方法:

 

八.总结

本章节讲解的jQuery依然属于基础支持, 所以没有太多的应用实例.  虽然基础但是很难一次全部记住, jQuery选择器可以说是最考验一个人jQuery功力的地方. 下一章我们讲解如何操作jQuery包装集以及动态创建新元素.

本章代码下载:/201009/yuanma/Code-jQueryStudy-2.rar
作者:张子秋
出处:http://www.cnblogs.com/zhangziqiu/

Javascript 相关文章推荐
增强的 JavaScript 的 trim 函数的代码
Aug 13 Javascript
jQuery 位置插件
Dec 25 Javascript
Jquery 1.42 checkbox 全选和反选代码
Mar 27 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
Aug 11 Javascript
node模块机制与异步处理详解
Mar 13 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
微信小程序实现选项卡效果
Nov 06 Javascript
微信小程序 WXML节点信息查询详解
Jul 29 Javascript
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
Oct 01 #Javascript
客户端 使用XML DOM加载json数据的方法
Sep 28 #Javascript
jquery选择器(常用选择器说明)
Sep 28 #Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 #Javascript
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
Sep 28 #Javascript
jquery控制listbox中项的移动并排序的实现代码
Sep 28 #Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 #Javascript
You might like
动易数据转成dedecms的php程序
2007/04/07 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
兼容性比较好的PHP生成缩略图的代码
2011/01/12 PHP
php调用google接口生成二维码示例
2014/04/28 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
浅谈PHP的exec()函数无返回值排查方法(必看)
2017/03/31 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
利用PHP计算有多少小于当前数字的数字方法示例
2020/08/26 PHP
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
jquery easyui使用心得
2014/07/07 Javascript
javascript常用函数(1)
2015/11/04 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
整理Javascript事件响应学习笔记
2015/12/02 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
node打造微信个人号机器人的方法示例
2018/04/26 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
2019/06/24 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
python中定义结构体的方法
2013/03/04 Python
python获取文件扩展名的方法
2015/07/06 Python
bpython 功能强大的Python shell
2016/02/16 Python
python实现数据图表
2017/07/29 Python
Python决策树和随机森林算法实例详解
2018/01/30 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
python函数超时自动退出的实操方法
2020/12/28 Python
改变生活的男士内衣:SAXX Underwear
2019/08/28 全球购物
英文翻译的自我评价语句
2013/10/04 职场文书
临床医学专业毕业生的自我评价
2013/10/17 职场文书
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
国庆节标语大全
2014/10/08 职场文书
投标承诺函范文
2015/01/21 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
java泛型通配符详解
2021/07/25 Java/Android
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL