jQueryHTML与插件

1、jQuery 事件机制

（1）注册事件

bind() 、on() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数

（2）委托事件

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数

（3）事件对象event

event对象有以下属性

type：事件类型，比如click。

which：触发该事件的鼠标按钮或键盘的键。

target：事件发生的初始对象。

data：传入事件对象的数据。

pageX：事件发生时，鼠标位置的水平坐标（相对于页面左上角）

pageY：事件发生时，鼠标位置的垂直坐标（相对于页面左上角

（4）each（）fangfa

each() 方法为每个匹配元素规定要运行的函数

（5）jQuery.each() 函数用于遍历指定的对象和数组

jQuery.each() 函数用于遍历指定的对象和数组

2、jQuery 对HTML的设置与捕获

（1）html()

html() - 设置或返回所选元素的内容（包括 HTML 标记）

（2）text()

text() - 设置或返回所选元素的文本内容

  (3)  val()

val() - 设置或返回表单字段的值

（4）回调函数

text()、html() 以及 val()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值

（5）attr()、prop()

attr() 、attr不仅可以返回（设置）元素的原生属性，还可以返回（设置）自定义属性

prop()、具有 true 和 false 两个属性的属性

3、jQuery 对HTML的页面尺寸操作

        (1)、width() 和 height() 方法

width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）

height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）

        (2)、innerWidth() 和 innerHeight() 方法

innerWidth() 方法返回元素的宽度（包括内边距）。

innerHeight() 方法返回元素的高度（包括内边距）

        （3）、outerWidth() 和 outerHeight() 方法

outerWidth() 方法返回元素的宽度（包括内边距和边框）

outerHeight() 方法返回元素的高度（包括内边距和边框）

        （4）、scrollTop() 和 scrollLeft() 方法

scrollTop() 方法设置或者返回滚动条被卷去的元素的高度

scrollLeft() 方法设置或者返回滚动条被卷去的元素的宽度