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

 时间:2024-10-13 22:05:35

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

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

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

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

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

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

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

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

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

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

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

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

7、在浏览器打开test.html文件,在输入框输入内容,点击按钮,查看实现的效果。由麻质跹礼例子测试可知,event参数是事件,d锾攒揉敫ata参数是传递到函数的额外数据,function参数是当事件发生时运行的函数。

jQuery中bind()方法中的参数用法
  • AfterEffects怎样使用基本3D
  • 我的门派手游弟子怎么渡劫
  • 皮卡堂矿洞篇:[1]一星矿洞
  • 哈利波特魔法觉醒拼图寻宝猫头鹰线索在哪
  • QQ厘米秀怎么送厘米花
  • 热门搜索
    鱼汤怎么做 我的世界怎么调时间 腿毛要怎么去掉 watermelon怎么读 亟待怎么读 平方米符号怎么打m2 电脑没声音怎么回事 怎么避孕 腊八蒜怎么腌制才能绿 大便拉不出来怎么办