【JQuery】使用hover()方法切换事件
2016-04-02 12:17
661 查看
功能是：当鼠标移动到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数。
调用方式：
over为移动到元素上触发的函数，out参数为移出元素时触发的元素.
例子.
<body>
<h3>hover()方法切换事件</h3>
<div>别走！你就是土豪</div>
<script type="text/javascript">
$(function () {
$("h3").hover(
function () {
$(this).addClass("orange");
},
function () {
$(this).removeClass("orange")
})
});
</script>
</body>
调用方式：
$(selector).hover(over，out);
over为移动到元素上触发的函数，out参数为移出元素时触发的元素.
例子.
<body>
<h3>hover()方法切换事件</h3>
<div>别走！你就是土豪</div>
<script type="text/javascript">
$(function () {
$("h3").hover(
function () {
$(this).addClass("orange");
},
function () {
$(this).removeClass("orange")
})
});
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 自定义jquery插件
- 【JQuery】页面加载时触发ready()事件
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery解析XML的方法小结
- 【JQuery】使用remove()和empty()方法删除元素
- Jquery操作全选，反选等批处理
- 【JQuery】使用each()方法遍历元素
- 【JQuery】使用wrap()和wrapInner()方法包裹元素和内容
- 【JQuery】replaceWith()和replaceAll()替换内容
- 【JQuery】使用before()和after()在元素前后插入内容
- JQuery学习笔记
- JQuery $("#id").val(value); 给select选值不出现问题
- chome, firefox浏览器js的jQuery加载.get(),.ajax()
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery- 鼠标样式（二级菜单简易通俗版）
- jquery Math.random()生成0~10以内随机整数写法
- 大白话讲解Promise（三）搞懂jquery中的Promise 一文 的学习+新领悟
- 在django中，使用jquery ajax post数据，会出现403的错误
- jquery jquery插件infinite scroll <%each list as goods%> 模板 产品循环
- 10分钟-jQuery表单选择器