JQuery的事件
来源：互联网 发布：windows xp怎么看配置 编辑：程序博客网 时间：2024/06/05 00:37
绑定事件
<html><head><title>绑定事件.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript">$(function() {$("[type='button']").bind({mouseover : function() {$("ul").css("background", "pink");},mouseout : function() {$("ul").css("background", "");},});});</script></head><body><h1>绑定事件</h1><input type="button" value="案例"><ul><li>北京</li><li>上海</li><li>广州</li></ul></body></html>鼠标事件
<html><head><title>1.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript" src="js/jquery-1.11.1.js"></script><style type="text/css">div {height: 300px;width: 300px;border: 1px red solid;background: pink;}</style><script type="text/javascript">$(function() {$("div").mouseover(function() {$(this).append("<span><br/>by>----马云daidi</span>");$(this).css("font-size", "18px");}).mouseout(function() {var span = $("span");span.remove();$(this).css("font-size", "");});});</script></head><body><h1>鼠标事件</h1><div>这是为什么呢</div></body></html>键盘事件
<html><head><title>2.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript">$(function() {$("#textname").keypress(function(e) {var code=e.keyCode;alert(code);});});</script></head><body><h1>键盘事件</h1><input id="textname" type="text"></body></html>
0 0
