表单处理之事件绑定

简介:

事件绑定方法:

代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <a onclick="xxx();">===========</a>

    <div id="d1">测试内容</div>

    <script src="js/jquery-1.8.2.min.js"></script>

    <script>

     $(function(){

     //第一种绑定事件的方式

     //当文档doc加载完成后,自动执行此处代码

     $('#d1').click(function(){

        //$(this) 当前点击的标签

         alert($(this).text());

        });

     // 第二种绑定事件的方式

     $('#d1').bind("click", function () {

           alert($(this).text());

        });

     });

     //第三种绑定事件方式

     function xxx(){

         alert('123');

     }

        //1、当对某一批量的标签进行注册事件的时候用jQuery

        //2、如果对select里的内容做修改用onchange事件

    </script>

</body>

</html>



      本文转自027ryan  51CTO博客,原文链接:http://blog.51cto.com/ucode/1851565 ,如需转载请自行联系原作者






相关文章
|
4月前
|
JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
JavaScript事件监听、常见事件及表单验证
JavaScript事件监听、常见事件及表单验证
19 0
|
7月前
|
前端开发 JavaScript
前端基础 - JavaScript之表单获取焦点及失去焦点
前端基础 - JavaScript之表单获取焦点及失去焦点
81 0
|
8月前
|
Windows
事件绑定方式
事件绑定方式
|
4月前
|
JavaScript 前端开发
事件绑定(onsubmit)表单提交
事件绑定(onsubmit)表单提交
22 0
|
5月前
|
移动开发 前端开发 JavaScript
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
103 0
|
5月前
【Vue2.0】—表单事件数据绑定(六)
【Vue2.0】—表单事件数据绑定(六)
|
7月前
44Vue - 表单控件绑定(单选按钮)
44Vue - 表单控件绑定(单选按钮)
16 0
|
9月前
|
小程序 API
form表单组件
form表单组件
146 0
|
11月前
|
JavaScript 前端开发
Vue —— 事件处理器 & 表单
Vue —— 事件处理器 & 表单