• 目录

jQuery常用事件

阅读量: 489 编辑

jQuery常用事件

一、jQuery常用事件

- ready()     //页面加载完成会调用这个函数
- click()      //元素点击事件
- focus()     //获取焦点事件
- blur()       //失去焦点事件
- change()  //内容修改事件

二、代码实战

代码的详细解读,可以参考视频教程

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="./res/jquery-1.11.3.min.js"></script>
    </head>
    <body>
    
        <form>
            <div>name: <input id="name" type="text" value="name"></div>
            <div>address: <input type="text" value="address"></div>
        </form>
    
        <!-- 点击事件 -->
        <button id="myBtn" >点击</button>
    
        <script type="text/javascript">
            $('#myBtn').click(function () {
                alert('1111222')
            })
    
            //focus ,blur, change
            $('#name').change(function(){
                alert('3333')
            })
        </script>
    </body>
</html>

  • 目录