从零开始学习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 替换
Feb 19 Javascript
在图片上显示左右箭头类似翻页的代码
Mar 04 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
Jul 18 Javascript
jQuery简单实现中间浮窗效果
Sep 04 Javascript
js实现省市级联效果分享
Aug 10 Javascript
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
js中script的上下放置区别,Dom的增删改创建操作实例分析
Dec 16 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
php 调用远程url的六种方法小结
2009/11/02 PHP
php代码书写习惯优化小结
2013/06/20 PHP
smarty内置函数section的用法
2015/01/22 PHP
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
htm调用JS代码
2007/03/15 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
jQuery简单设置文本框回车事件的方法
2016/08/01 Javascript
AngularJS的Filter的示例详解
2017/03/07 Javascript
D3.js进阶系列之CSV表格文件的读取详解
2017/06/06 Javascript
webpack3之loader全解析
2017/10/26 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
Webpack之tree-starking 解析
2018/09/11 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
python从入门到精通(DAY 1)
2015/12/20 Python
Python基于回溯法子集树模板解决全排列问题示例
2017/09/07 Python
python版简单工厂模式
2017/10/16 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
Python SQLite3简介
2018/02/22 Python
python仿抖音表白神器
2019/04/08 Python
css3使网页、图片变成灰色兼容大多数浏览器
2014/07/02 HTML / CSS
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
大学生党员自我批评
2014/02/14 职场文书
《分一分》教学反思
2014/04/13 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
职务说明书范文
2014/05/07 职场文书
秋季校运会广播稿100字
2014/09/18 职场文书
企业法人授权委托书
2014/09/25 职场文书
导游词之无锡梅园
2019/11/28 职场文书
使用Ajax实现进度条的绘制
2022/04/07 Javascript
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android