|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
$("h1").dbclick(function(){
$(this).hide();
});
$("#p1").mouseenter(function(){
alert("鼠标移动到了p1元素");
});
$("p").mouseleave(function(){
alert("鼠标已经离开了p元素");
});
$("#p2").mousedown(function(){
alert("你用鼠标左键点击了id=p2的元素");
});
$("#h2").mouseup(function(){
alert("当前点击了id=h2的元素,并松开了鼠标");
});
$("h3").hover(function(){
$(this).css("color","red"),
$(this).css("color","blue");
//这里为什么不能设置成把鼠标放开后 字体变成蓝色?
});
$("input").focus(function(){
$(this).css("border","1px solid red");
});
$("input"),blur(function(){
$(this).css("border-color","#53d311");
});
});
</script>
</head>
<body>
<p style="border:1px solid orange">这是第一个段落元素</p>
<p id="p2" style="border:1px solid blue ">这是第二个段落元素</p>
<h1 id="p1">这个是H1元素</h1>
<h2 id="h2">这是h2元素</h2>
<h3 id="h3">这是h3元素</h3>
<input type="text" id="textname"/>
<input type="button" id="btn" value="提交按钮"> |
|