首页 > 其他分享 >无涯教程-jQuery - bind( type, data, fn )方法函数

无涯教程-jQuery - bind( type, data, fn )方法函数

时间:2023-07-26 13:04:11浏览次数:76  
标签:jQuery bind 绑定 无涯 事件 type data fn

bind(type,[data],fn)方法将处理程序绑定到每个匹配元素的一个或多个事件(如click)。也可以绑定自定义事件。

bind( type, [data], fn ) - 语法

selector.bind( type, [data], fn )

这是此方法使用的所有参数的描述-

  • type      -  一种或多种事件类型,以空格分隔。

  • data     -  这是可选参数,表示作为event.data传递到事件处理程序的其他数据。

  • fn         -  绑定到每个匹配元素上的事件的函数。

bind( type, [data], fn ) - 示例

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript"
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $('div').bind('click', function( event ){
               alert('Hi there!');
            });
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>
   </head>
	
   <body>
      <p>Click on any square below to see the result:</p>
		
      <div class="div" style="background-color:blue;"></div>
      <div class="div" style="background-color:green;"></div>
      <div class="div" style="background-color:red;"></div>
   </body>
</html>

这将产生以下输出-

参考链接

https://www.learnfk.com/jquery/events-bind.html

标签:jQuery,bind,绑定,无涯,事件,type,data,fn
From: https://blog.51cto.com/u_14033984/6855187

相关文章

  • UnrealEngine:BindAction() BindAxis()
     BindAction()绑定的函数会在输入事件发生时执行,BindAxis()绑定的函数每帧都会执行BindAction()用来监听外设是否到达某个状态,BindAxis()监听的是外设状态的变化量BindAction()绑定的函数无参数BindAxis()绑定的函数有一个参数,该参数就是外设状态的变化量 ......
  • jQuery
    目录简介标签对象和jQuery对象基本选择器id、class、标签选择器其他选择器组合选择器基本筛选器属性选择器表单筛选器筛选器方法操作标签样式操作位置操作CSS操作尺寸文本操作(掌握)属性操作文档处理克隆事件常用事件绑定事件hover事件实时监听input事件阻止后续事件执行阻止事件......
  • 04_jQuery
    一.jQuery介绍1.jQuery概述jQuery是一个快速、简洁的JavaScript代码库。jQuery设计的宗旨是“WriteLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript操作方式,优化HTML文档操作、事件处理、动画设计和Ajax交互。2.jQuery......
  • 使用jQuery在文本框中按Enter键
    使用jQuery在文本框中按Enter键jQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax等操作。在网页开发过程中,经常需要对用户的输入进行处理,并对用户的操作做出相应的响应。在这篇文章中,我们将介绍如何使用jQuery来检测用户在文本框中按下Enter键的操作,并......
  • 无涯教程-jQuery - remove( expr )方法函数
    remove(expr)方法从DOM中删除所有匹配的元素。这不会将它们从jQuery对象中删除,而是允许您进一步使用匹配的元素。与empty()方法进行比较。remove(expr)-语法selector.remove(expr)这是此方法使用的所有参数的描述-expr   - 这是一个可选的jQuery表达式,用于......
  • std::bind 详解
    bindbind是C++的一个函数,用来绑定其他函数,用来改造。1.普通函数的bind普通函数可以被绑定,传参。intadd(intx,inty){cout<<"intadd(int,int)"<<endl;returnx+y;}以上有一个add普通函数,则,bind绑定。#include<functional>usingstd::bind;i......
  • jQuery快速入门
    我们最好称之为是jQuery库更好一些,不要称之为是框架#库就类似于是Python中的模块,简称为jq#jQuery就是js、css等的封装版本,只要一封装,写法肯定会简单jQuery介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库。#他就是一个封装好的js文件,几十KB大小#前端的最大问题就......
  • jQuery快速入门
    jQuery库一般称之为jQuery库,不要称为框架,库类似于Python中的模块,简称jqjQuery就是js、css等的封装版,只要已封装,写法肯定简单一些 jQuery介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库。#他就是一个封装好的js文件,几十KB大小前端的最大问题就是兼容性问......
  • 15款提高表格操作的jQuery插件
       table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。今天彬Go将向大家......
  • jQuery水印插件 - Watermark 和 FormWatermark
    FormWatermark是一个跨浏览器的可以给表单文本框和文本区域增加水印的插件,使用FormWatermark给表单增加水印提示功能,这有助于提高用户交互和友好度,如果配合jQuery插件Validation可提供强大的用户体验,FormWatermark使用简单,效果图如下: 使用说明需要使用jQuery库文件和Form......