NO.62 jquery重点

一.jQuery开发中所遇到的对象

1.通过$所获得的是jQuery对象

选择器: $("p")

强转: $(p)

创建对象: $("<标签>内容</标签>")

2.修改数据的方法返回jQuery对象

obj.html("abc")

obj.attr("src","")

3.若查询到的是元素则返回jQuery对象

obj.parent()

obj.next()

4.若读取到的是文本则返回DOM对象

obj.html()

obj.val()

5.万能的判断方式

控制台输出此对象,若是数组则是jQuery对象

代码示例：

1.读写节点

效果

2.增删节点

效果

3.样式操作：

效果

3.jquery写购物车

---

二.jQuery事件

1.事件概述

1)什么是事件

和js一样

2)事件的分类

和js一样

2.事件定义

1)直接定义

和js一样

2)动态绑定(*)

$(fn)

onload写多次则后者会覆盖前者,而$(fn)写多次都有效.

onload在整个网页加载完触发,而$(fn)是在标签加载完就触发.

bind

obj.bind("click",function(){})

obj.click(function(){})

3)取消事件

和js一样

3.事件对象

1)什么是事件对象

和js一样

2)如何获得事件对象

和js一样

得到的是经过jQuery封装的事件对象

4.事件机制

1)冒泡机制

和js一样

2)如何取消

e.stopPropagation()

3)作用

和js一样

4)事件源

e.target

5.合成事件

hover == onmouseover +onmouseout

toggle(了解)

6.模拟操作(*)

trigger

代码示例：

1.动态绑定事件

效果

2.合成事件

3.模拟操作

效果（正在消失）

4.动画

效果（正在消失）