jQuery效果与事件方法

知识点一：css() 方法设置或返回被选元素的一个或多个样式属性。

1、返回css属性

 

css("propertyname");

 

 

案例：     $("p").css("background-color");

2、设置css属性

css("propertyname","value");

案例：$("p").css("background-color","yellow");

3、设置多个css属性

css({"propertyname":"value","propertyname":"value",...});

案例：$("p").css({"background-color":"yellow","font-size":"200%"});

知识点二：对类的操作

(1) 、addClass()

向被选元素添加一个或多个类

 

(2) 、removeClass()

 

 从被选元素删除一个或多个类

 

(3) 、toggleClass()

 

对被选元素进行添加/删除类的切换操作

 

(4) 、eq()

 

 方法返回带有被选元素的指定索引号的元素，索引号从 0 开头，所以第一个元素的索引号是 0（不是 1）。

 

(5) 、index()

 

 index() 方法返回指定元素相对于其他指定元素的 index 位置。

 

(6)、not()

 

 Not() 方法返回指定元素之外的元素。

 

 

 

 

 

知识点三：动画效果

(1) 、jQuery隐藏显示

可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素。

(2) 、jQuery淡入淡出

fadeIn() 用于淡入已隐藏的元素， fadeOut() 方法用于淡出可见元素。

 

(3) 、jQuery滑动

 

 slideDown() 方法用于向下滑动元素， slideUp() 方法用于向上滑动元素。

 

(4) 、jQuery自定义动画

 

animate() 方法用于创建自定义动画。可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。

 

(5) 、stop方法

 

jQuery stop() 方法用于停止动画或效果，在它们完成之前，适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

知识点四：事件机制

 

(1) 、注册事件

 

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

 

(2) 、委托事件

 

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

 

(3) 、事件对象event

 

event对象有以下属性

 

type：事件类型，比如click。

 

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

 

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

 

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

 

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

 

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

 

(4) 、each()方法

 

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