`
viproc
  • 浏览: 46108 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

jquery 绑定事件

阅读更多

//textarea length属性为 'mylength' 键盘抬起验证事件 span cation属性 'num' 赋值
$("textarea[length='lang']").bind("mouseover blur keyup",
function(){
$(this).siblings("span[name='inputnum']").html($(this).val().length);
var max = parseInt($(this).attr("maxlength"), 10);
if($(this).val().length>max){
alert("输入的字符数超出范围,最多可以输入"+max+"个字!");
$(this).val($(this).val().substr(0, max)); //截断textarea的文本重新赋值
$(this).parents('div').find("span[cation='num']").html($(this).val().length);
}
}
)

  • jQuery("#id").click(func1).mouseover(func2)//方法连写,func为方法的名字
  • jQuery("#id").click(function(){//你的具体方法实现}),mouser(function(){//你的具体方法实现});
  • jQuery("#id").bind("click mouseover",func)//两个事件中间有空格 ,func为方法的名字
  • jQuery("#id").bind("load scroll",function(){//你的具体方法实现});
  •  

     

    分享到:
    评论

    相关推荐

      JQuery绑定事件

      **jQuery绑定事件**是JavaScript库jQuery中的核心功能之一,它极大地简化了DOM元素事件处理的流程,使得开发者能够更加高效地编写代码。在JavaScript原生语法中,为元素添加事件监听器通常涉及到`addEventListener`...

      jquery绑定事件中怎样调用函数?视频教程

      jquery绑定事件中怎样调用函数?视频教程,介绍的是jquery绑定事件中怎样调用函数?

      多种jQuery绑定事件的实现方式

      本文将深入探讨多种jQuery绑定事件的实现方式,并提供解决事件重复绑定问题的策略。 首先,让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数,传入事件类型和处理函数。例如,绑定点击事件(click...

      jquery绑定事件不生效的解决方法

      关于jQuery绑定事件不生效的问题,首先需要了解jQuery为JavaScript封装了一套简便的API,极大地简化了JavaScript代码的编写,尤其在事件处理方面。但是,在实际开发过程中,可能会遇到绑定的事件不生效的情况,这...

      JQuery 绑定事件时传递参数的实现方法

      在jQuery中,`bind()`方法是用来绑定事件处理函数到元素上的。当事件发生时,绑定的函数会被调用。在某些情况下,我们可能需要在事件处理函数中传递额外的参数,以便更好地处理事件。以下是一些在jQuery中实现这一...

      jQuery 绑定事件的方式总结

      jQuery 绑定事件 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都...

      jQuery绑定事件on()与弹窗的简要概述

      在标题“jQuery绑定事件on()与弹窗的简要概述”中,提及了如何使用on()方法来处理动态弹窗事件。动态弹窗通常是通过JavaScript动态生成并插入到DOM中的元素。这样的元素在初始加载页面时并不存在,因此无法直接使用...

      JavaScript中利用jQuery绑定事件的几种方式小结

      使用jQuery绑定事件的好处是代码简洁,跨浏览器兼容性好,且能够处理动态添加元素的事件绑定。在开发中,当需要频繁为元素添加事件,特别是动态生成的元素时,jQuery提供的`.on()`方法显得特别有用。 ### 3. 注意...

      jquery绑定原理 简单解析与实现代码分享

      这里我们将深入解析jQuery绑定事件的原理,并通过示例代码来理解其工作方式。 首先,jQuery中的`data`方法用于在DOM元素上存储和检索数据。它通过一个唯一的标识符(uuid)来关联数据,这个标识符是通过`now`函数...

      jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

      ### jQuery绑定事件监听bind()与移除事件监听unbind()用法详解 #### 1. jQuery事件监听概念 在网页设计中,事件监听是一种常见的需求,主要作用是当用户与网页上的元素发生交互时,能够触发特定的代码执行,响应...

      JQuery绑定事件四种实现方法解析

      jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery...

      jQuery绑定事件-多种实现方式总结

      jQuery绑定事件-多种实现方式总结 <html> <head> <meta charset=utf-8 /> [removed][removed] </head> <body> <input type=text/> <input type=button value=button1/> ...

      jQuery绑定事件的几种实现方式

      本文实例为大家分享了jQuery绑定事件多种实现方法,供大家参考,具体内容如下 <html> <head> <meta charset=utf-8 /> [removed][removed]<!--百度CDN--> </head> <body> <...

      jQuery绑定事件不执行但alert后可以正常执行

      标题“jQuery绑定事件不执行但alert后可以正常执行”揭示了这样一个现象:在不使用`alert`的情况下,jQuery绑定的事件未按预期执行,但当添加`alert`对话框后,事件却能够正确触发。 首先,我们来看一下初始的事件...

      jQuery绑定事件方法及区别(bind,click,on,live,one)

      第一种方式: $(document).ready(function(){ $(#clickme).click(function(){ alert(hello world click) }) }) 第二种方式(简写方式为第一种): ...注意:第三种方式只适用于jquery 1.7以上

      jquery绑定click事件传递参数

      本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...

    Global site tag (gtag.js) - Google Analytics