目录
1. 文档加载事件；
<script type="text/javascript">
//文档加载事件
$(document).ready(function(){
alert("文档加载完毕！");
});
</script>这就是一个很普通的文档加载事件；
2. DOM单击、双击事件；
<script type="text/javascript">
$(document).ready(function(){
//DOM单击事件
$("#c1").click(function(){
$("#c2").html("<font color=red>张三被点了</font>");
});
//DOM双击事件
$("#c1").dblclick(function(){
$("#c2").html("<font color=red>张三被双击了</font>");
});
});
</script><body>
<input type="button" id="c1" value="张三"/>
<p id="c2"></p>
</body>
3. DOM获得焦点、失去焦点事件；
<script type="text/javascript">
$(document).ready(function(){
//DOM获得焦点事件
$("#t1").focus(function(){
$("#t1").val("获得焦点");
})
});
</script><body>
<input type="text" id="t1"/>
</body>
<script type="text/javascript">
$(document).ready(function(){
//DOM失去焦点事件
$("#t1").blur(function(){
$("#t1").val("失去焦点");
})
});
</script>
4. DOM鼠标移入、移出事件；
<script type="text/javascript">
$(document).ready(function(){
//DOM鼠标移入事件
$("#t1").mouseover(function(){
$("#t1").html("鼠标移入");
})
//DOM鼠标移出事件
$("#t1").mouseout(function(){
$("#t1").html("鼠标移出");
})
});
</script><body>
<div id="t1" style="border:1px red solid; width:100px; height:100px"></div>
</body>
1150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
