首页 > 代码库 > jQuery事件
jQuery事件
事件
click
mouseover
mouseout
focus
blur
清除所有事件：unbind();
代码示例：选择人名，2个ul，点击某一项之后，移动到另外一个ul中。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery测试</title>
<style type="text/css">
ul{
list-style-type: none;
}
</style>
<script type="text/javascript" src="http://www.mamicode.com/js/jquery-1.12.3.js"></script>
<script type="text/javascript">
$(function () {
$(‘#u1 li‘).mouseover(function () {
$(this).css(‘backgroundColor‘,‘red‘).siblings().css(‘backgroundColor‘,‘‘);
}).click(function () {
// $(this).css(‘backgroundColor‘,‘‘).unbind().appendTo($(‘#u2‘));//unbind()
$(this).removeAttr(‘style‘).unbind(‘click‘).appendTo($(‘#u2‘));//unbind(‘click‘)
// $(this).removeAttr(‘style‘).unbind().appendTo($(‘#u2‘));//removeAttr(‘style‘)
});
});
</script>
</head>
<body>
<ul id="u1">
<li>AAAAAA</li>
<li>BBBBBB</li>
<li>CCCCCC</li>
<li>DDDDDD</li>
<li>EEEEEE</li>
</ul>
<hr width="95%"/>
<ul id="u2">
</ul>
</body>
</html>效果图
jQuery事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。