码迷,mamicode.com
首页 > Web开发 > 详细

Jquery 事件操作

时间:2018-11-03 17:27:25      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:class   read   query   html   asc   fun   事件操作   blur   col   

1. 文档加载事件

2. DOM 单击、双击事件

3. DOM 获得焦点、失去焦点事件

4. DOM 鼠标移入,移出事件

<script type="text/javascript">
    $(document).ready(function(){ //文档加载事件
        alert("文档加载完毕"); 
        
        $("#zs").click(function(){
            $("#p1").html("<font color=red>单击事件</font>");
        });
        
        $("#zs").dblclick(function(){
            $("#p1").html("<font color=red>双击事件</font>");
        });
        
        $("#t1").focus(function(){
            $("#t1").val("获取焦点");
        });
        
        $("#t1").blur(function(){
            $("#t1").val("失去焦点");
        });
        
        $("#d1").mouseover(function(){
            $("#d1").html("鼠标移入");
        });
        
        $("#d1").mouseout(function(){
            $("#d1").html("鼠标移出");
        });
    });
</script>

 

Jquery 事件操作

标签:class   read   query   html   asc   fun   事件操作   blur   col   

原文地址:https://www.cnblogs.com/Cocoomg/p/9901220.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!