Jquery 事件操作

Posted 2021-01-17 cocoomg

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>