摘要：<!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>點(diǎn)擊</button>
</body>
</html>
<script type="text/javascript">
// ready()//當(dāng)我們的dom已經(jīng)加載,頁面已經(jīng)加載完，觸發(fā)的事件==js的onload
// 語法：
// $(document).ready(function(){
// })不可以和body,onload以前使用
//blur()當(dāng)元素失去焦點(diǎn)==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()當(dāng)元素獲取焦點(diǎn)時 == js onfocus()
//change()當(dāng)元素值改變的時候觸發(fā)事件
//click()點(diǎn)擊事件
//dblclick雙擊的事件
</script>