jquery 处理页面的事件详解

},

)

})

• 示意图：

2、hover（）鼠标移入移出

==================================================================================

hover(

function(鼠标移入){

},

function(鼠标移出){

}

);

(1)hover移入移出案例一：

hover实现表格中tr的移入移出案列

姓名 性别 年龄 薪资 王恒杰 男 21 18000 杨福君 女 19 4200 吴洪旭 男 23 20000 邓正武 男 21 20000

效果图：

(2)hover移入移出案例二：鼠标移入表格加粗变红色

hover实现表格中tr的移入移出案列

姓名 性别 年龄 薪资 王恒杰 男 21 18000 杨福君 女 19 4200 吴洪旭 男 23 20000 邓正武 男 21 20000

效果图：

二、Jquery中常用的事件属性

---

• 规律：js中的事件属性去掉on 加上()

jqueryObj. click() 单击

jqueryObj. dbclick() 双击

jqueryObj. mouseover() 移入

jqueryObj. mouseout() 移出

jqueryObj. blur();失去焦点

jqueryObj.change();下拉列表值改变

jqueryObj.focus();获取焦点

jqueryObj.keyDown();键盘按下

jqueryObj.keyUp();键盘弹起

三、标签的其他方法 获取标签对象

===================================================================================

1. jqueryObj.parent(); 获取当前标签的父类节点//parentNOdees

2. jqueryObj.children();获取当前标签的所有子类节点//chidrenNodes

3. jqueryObj.next(); 获取当前标签的下一个兄弟节点//nextsibling

4. jqueryObj.prev();获取当前标签元素的上一个兄弟节点//previoussibling

四、Jquery中的动画效果

=================================================================================

• 实现页面元素隐藏或展示时的动画效果

1. show(单位：毫秒) 从浏览器的左上角渐入

2. fadeIn(单位：毫秒) 淡入

3. slideDown() 从上到下逐渐展开

4. hide() 元素隐藏

5. fadeOut() 淡出

6. slideUp() 从下到上逐渐收缩