选择器jquery

传智播客——专注于Java、.
Net和Php、网页平面设计工程师的培训北京市昌平区建材城西路金燕龙办公楼一层电话:400-618-4000第2章jQuery选择器在本书的第1章中提到过jQuery选择器.
选择器的应用体现了jQuery的一个设计思想,即获取(选择)网页中的元素,然后根据实际需求对元素进行各种操作.
jQuery选择器是学习jQuery的必备知识,本章将针对jQuery选择器进行详细讲解.
【教学导航】学习目标1.
了解jQuery选择器的优势2.
掌握jQuery基本选择器的使用3.
掌握jQuery层次选择器的使用4.
熟悉jQuery过滤选择器的使用教学方式本章内容以理论讲解、案例演示为主重点知识1.
jQuery基本选择器的使用2.
jQuery层次选择器的使用关键词#id、.
class、element、parent、prev、next、siblings、:even、:odd、:visible、:hidden、:contains(text)、:nth-child(eq|even|odd|index)2.
1jQuery选择器简介在程序开发中,无论是操作DOM还是为元素添加事件,都需要先获取到指定元素.
为此,jQuery提供了选择器,通过选择器便可以获取元素并对元素进行操作.
本节将针对什么是jQuery选择器,以及jQuery选择器的优势进行讲解.
2.
1.
1什么是jQuery选择器通过CSS选择器获取元素的方式是非常灵活的,但是CSS选择器获取元素后只能操作该元素的样式,要想为元素添加行为(如处理单击事件),还需要通过JavaScript代码来实现.
为此,jQuery模仿CSS选择器实现了jQuery选择器,通过jQuery选择器来获取元素,不仅让获取元素的方式更加多样化,还可以在获取元素后为元素添加行为.
jQuery选择器的基本语法格式,如下所示.
$(selector);上述代码中,selector代表jQuery选择器,代码执行后,返回一个jQuery对象.
为了读者更好的理解,接下来通过与CSS选择器对比的方式演示jQuery选择器的基本用法.
具体操作步骤如下所示.
(1)准备页面结构我是一个div