abstract：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jq.js"></script><
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="jq.js"></script>
</head>
<body>
<input type="text" name="">
<div style="width: 100px;height: 100px;background:pink;">
</div>
<button>点击</button>
</body>
</html>
<script type="text/javascript">
// ready()//当我们的dom已经加载,页面已经加载完，触发的事件==js的onload
// 语法：
// $(document).ready(function(){
// })不可以和body,onload以前使用
//blur()当元素失去焦点==onblur
$(document).ready(function(){
// $('input').blur(function(){
// $("input").css("background",'red')
// })
// $('input').focus(function(){
// $("input").css("background",'pink')
// })
// $('input').change(function(){
// $("input").css("background",'pink')
// })
// $('button').click(function(){
// $('div').css("background","red")
// })
$('button').dblclick(function(){
$('div').css("background","red")
})
})
//focus()当元素获取焦点时 == js onfocus()
//change()当元素值改变的时候触发事件
//click()点击事件
//dblclick双击的事件
</script>