从零开始学习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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
JavaScript 动态添加表格行 使用模板、标记
Oct 24 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
May 19 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
vue-cli初始化项目中使用less的方法
Aug 09 Javascript
详解js常用分割取字符串的方法
May 15 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
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
php读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
PHP模板引擎Smarty中变量的使用方法示例
2016/04/11 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
Display SQL Server Version Information
2007/06/21 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
用js代码改变单选框选中状态的简单实例
2013/12/18 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
jQuery+json实现的简易Ajax调用实例
2015/12/14 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
2018/05/26 Javascript
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
使用Python的判断语句模拟三目运算
2015/04/24 Python
Python实现的矩阵类实例
2017/08/22 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
Python Pandas数据结构简单介绍
2019/07/03 Python
Python任务调度模块APScheduler使用
2020/04/15 Python
服装创业计划书范文
2014/02/05 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
在教室放鞭炮的检讨书
2014/09/28 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
英文辞职信范文
2015/05/13 职场文书
小学生家长意见
2015/06/03 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
springboot+VUE实现登录注册
2021/05/27 Vue.js
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers