从零开始学习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 相关文章推荐
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
Aug 28 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
Feb 02 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
Jun 17 Javascript
layui自定义ajax左侧三级菜单
Jul 26 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
详解JavaScript 异步编程
Jul 13 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
一个SQL管理员的web接口
2006/10/09 PHP
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
yii分页组件用法实例分析
2015/12/28 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
javascript FormatNumber函数实现方法
2008/12/30 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
2013/08/05 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
2018/08/31 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
解决layui 三级联动下拉框更新时回显的问题
2019/09/03 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
python修改操作系统时间的方法
2015/05/18 Python
python爬取NUS-WIDE数据库图片
2016/10/05 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
什么是组件架构
2016/05/15 面试题
研究生自荐信
2013/10/09 职场文书
团员个人的自我评价
2013/12/02 职场文书
离婚协议书标准格式
2014/10/04 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python