jQuery中bind()方法中的参数用法

jQuery中bind()方法中的参数用法

jquery中的bind()方法有三个参数，分别是event，data，function，三个参数有不同的作用。下面小编举例讲解jQuery中bind()方法中的参数用法。

新建一个html文件，命名为test.html，用于讲解jQuery中bind()方法中的参数用法。

在test.html文件内，在p标签内，使用input标签创建一个输入框，并设置其id为myinput2，主要用于下面通过该id获得input对象。

在test.html文件内，使用a标签创建一个链接，链接名称为“点击”，同时，设置a标签的id为myshuru。

在js标签内，在页面加载完成时，给id为myshuru的元素对象绑定click点击事件，当a标签被点击时，执行handle函数，并向该函数传递foo参数。

在js标签内，创建handle()函数，函数的参数为event，下面将在函数内编写代码，获得foo参数。

在handle()函数内，通过id(myinput2)获得input对象，使用val()方法获得输入框的内容，最后使用alert()方法输出bind()方法中的参数和input内容。

在浏览器打开test.html文件，在输入框输入内容，点击按钮，查看实现的效果。由例子测试可知，event参数是事件，data参数是传递到函数的额外数据，function参数是当事件发生时运行的函数。

1、创建一个test.html文件。2、在文件内，在p标签内，使用input标签创建一个输入框，同时创建一个button按钮，用于触发执行js函数。3、在js标签内，给a元素对象绑定click点击事件，当a标签被点击时，执行handle函数，并向该函数传递foo参数。4、创建handle()函数，获得input对象，使用val()方法获得输入框的内容，最后使用alert()方法输出bind()方法中的参数和input内容。5、由例子测试可知，event参数是事件，data参数是传递到函数的额外数据，function参数是当事件发生时运行的函数。