<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
</head>
<body >
<!--
<a id="bt" href="http://www.baidu.com" target="_blank">百度一下</a>
<div style="border: black 1px solid;">
</div>
<script type="text/javascript">
$("a").bind("click",function(){
console.log("你是我的!")
});
var gai=$("a").clone(true);//克隆
console.log(gai);
$("div").append(gai);
</script> -->
<!-- <span>zzu</span><span>大学</span>
<script type="text/javascript">
$("span").replaceWith("<i>河南</i>");//替换
</script>
-->
<!--
<div style="border: black 1px solid;">
<span>zzu</span><span>大学</span>
</div>
<script type="text/javascript">
$("div").empty();//里面元素删除 自身保留
$("div").remove();//包括自身内所有全部删除
</script> -->
//事件绑定
<div style="border: black 1px solid;">
郑州大学
</div>
<script type="text/javascript">
1.bind&&unbind
/* var obj={
mouseover:function(){
this.style.backgroundColor="red";
},
mouseout:function(){
this.style.backgroundColor="green";
}
}
$("div").bind(obj);//元素绑定事件
$("div").unbind("mouseover mouseout");//删除元素上绑定的事件 */
2.one&&click
/* $("div").one(obj); //事件执行一次
$("div").one("click",function(){
console.log("你是我的!")
});
$("div").trigger("click"); */
3.hover
/* $("div").hover(function(){
this.style.backgroundColor="red";
},
function(){
this.style.backgroundColor="green";
}); */
</script>
4.change
<!-- <select >
<option value="">--请选择--</option>
<option value="001" >--北京市--</option>
<option value="002">--天津市--</option>
<option value="003">--山西省--</option>
<option value="004">--河南省--</option>
</select>
<script type="text/javascript">
$("select").change(function(){
var array=this.options;
for(var i=0;i<array.length;i++){
var option=array[i];
if(option.selected){
console.log(option.value);
}
}
/* console.log($(this).val()); */
});
</script> -->
5.keydown
<form action="http://www.baidu.com/s">
<input name="wd" >
<input type="button" value="百度一下" />
</form>
<script>
$(window).keydown(function(e){
if(e.keyCode==13){
$("form").trigger("submit");
/* $("form").submit(); */
}
});
</script>
</body>
</html>