#笔记#圣思园 JavaWeb 第65讲——jQuery，选择器

1.

$(document)————把dom对象转换成jQuery对象

ready方法————当整个页面的dom元素加载完毕后，执行ready方法参数中的函数

2.ready方法与onload方法比较

onload是window对象的属性，onload表示当整个页面加载完之后，执行onload关联的函数

弹出对话框：world。因为onload最后被赋值成test2。window.onload只关联到一个函数

ready方法

分别弹出两个对话框：hello和world。document.ready能关联到多个函数

程序示例：点击页面上的每一个连接，都弹出helloworld提示框

用dom的window.onload方式解决

用jQuery方式解决：采用隐式的循环完成了为每一个link赋值。

3.jQuery对象与dom对象的转换

DOM对象转换成jQuery对象

jQuery对象转换成DOM对象。下面代码的 # 很重要，表示元素的ID

4.为表格的每一行增加背景颜色，奇数行和偶数行颜色不同

JavaScript实现

使用选择器，jQuery实现

5.判断用户选择了几个复选框

JavaScript实现

jQuery实现

6.CSS选择器

标签选择器——以文档元素作为选择符

ID选择器——以文档元素的唯一标示符ID作为选择符

类选择器——以文档元素的class作为选择符

群组选择器、后代选择器、通配选择符

7.jQuery选择器（见pdf）

jQuery的最初想法是：查询获取页面中的JavaScript对象。通过选择器，能够获取JavaScript对象

＄（）——选择器函数

jQuery选择器分类：

基本选择器：

＄（“＃test”）——选取id为test的元素。这个选择器返回单个元素

$（“ . test”）——选区所有class为test的元素

$（“ p ”）——选取所有<p>元素

层次选择器：

过滤选择器：基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤、表单对象属性过滤

表单选择器