jquery事件 | 易学教程

js 与jquery 同时绑定一个ID onclink事件

阅读更多关于 js 与jquery 同时绑定一个ID onclink事件

事例代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>shortLink</title> </head> <script src="http://localhost:8090/short_link/js/jquery/jquery-1.8.3.min.js"></script>//引入jquery框架 <script type="text/javascript"> $(document).ready(function(){ $("#test").click(function(){ alert("你好"); }); $("#test").click(function(){ alert("你好2"); }); }); function dd(){ alert("dd!"); } function dd(){ alert("dd2"); } function aa(){ alert("aa!"); } <

jQuery封装的tab组件（可选自动+可选延迟处理+按需加载）

阅读更多关于 jQuery封装的tab组件（可选自动+可选延迟处理+按需加载）

效果图 tab2.html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>tab2按需加载</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/tab2.css">  </head> <body>  <div class="floor"> <div class="container"> <div class="tab-head"> <div class="tab-head-title fl"> <span class="tab-head-title-num">1F</span><span class="tab-head-title-name">服装箱包</span> </div> <ul class="tab-head-item-wrap fr"> <li class="fl"><a href="javascript:;" class="tab-head-item tab-head-item-active">大牌</a></li> <li

jquery 新建元素的事件绑定

阅读更多关于 jquery 新建元素的事件绑定

我想很多人都会向我一样曾经被动态添加元素的事件绑定困惑很久,也就是在页面加载完成后给已有元素绑定了事件，但又新增加的元素上却没有绑定任何事件。 js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，你必须给每一个元素单独绑定事件。常见的例子是处理表格的时候。每行行末有个删除按钮，点了这个能够删除这一行。 < table > < tbody > < tr > < td > 这行原来就有 </ td > < td >< button class = " del " > 删除 </ button ></ td > </ tr > < tr > < td > 这行原来就有 </ td > < td >< button class = " del " > 删除 </ button ></ td > </ tr > </ tbody > </ table > 通常，我会这么绑定 jQuery ( function ( $ ) { //已有删除按钮初始化绑定删除事件 $ ( " .del " ) . click ( function () { $ ( this ) . parents ( " tr " ) . remove () ; }) ; }) ; 对于在domready之前就存在的删除按钮，一切都很完美

给初自学JavaScript的5点建议

阅读更多关于给初自学JavaScript的5点建议

1、对初学者而言，看视频会比看书效率要高得多，因为视频中会展示完整的代码，有助于初学者快速上手。免费视频推荐B站，自学网 2、一定要多敲代码。有个笑话是这么说的：眼睛说：我看懂了；手说：第一句代码怎么敲来着？所以说，光看是不够的，可以边看边敲，刚开始不理解也没关系，先抄下来，然后再慢慢去理解消化。 3、如果你只是想会用JavaScript就可以了，那么可以学jquery，因为jquery对初学者非常友好，甚至不会js都没有太大的关系。如果想要了解得更深入些或者你的学习能力比较强，建议从JavaScript学起，有需要的时候再学jquery。 4、不要盲目追求新技术，只有当你掌握了基础，其他的对你来说都是易如反掌。 5、学习顺序： a. 熟悉基本概念：变量，数据类型，函数，运算符，表达式，对象（自定义对象，内置对象）。这些基本概念一定要熟悉，熟悉到什么程度，看见一个概念，立刻就能写出示例代码，就够了。 b. 熟悉DOM：树状结构，节点分类，添加节点，删除节点，修改属性，绑定事件。 c. 熟悉jQuery：选择器、操作属性和样式、绑定事件、节点操作、动画方法。 d. 用jQuery实现网页上看到的页面效果，比如轮播图，菜单的各种效果，返回顶部等。 e. 试着用原生的js实现jQuery的常用方法。比如addClass，removeClass,index这些。总结：饭要一口口吃

DOM的世界你不懂的。

阅读更多关于 DOM的世界你不懂的。

1、blur、focus、load和unload不能像其它事件一样冒泡。事实上blur和focus可以用事件捕获而非事件冒泡的方法获得（在IE之外的其它浏览器中）。 2、 div等DOM 加上tabindex属性,可以触发blur事件。但仍然不冒泡。想想挺在理的，但jQuery的on方法该怎么用呀？ ***************************************************2017年6月增加今天偶尔看到以前的文章，其实这个问题已经解决了。用jquery的话，用focusin ,focusout事件来代替blur,focus事件。 focusin ,focusout事件是会冒泡的。但是浏览器不支持它冒泡，jquery怎么就能这么大本事监测到呢？这具体原理可以看《 JavaScript忍者秘籍》，我印象这本书的倒数第二章吧，书没在手边，没法查！来源： oschina 链接： https://my.oschina.net/u/1540190/blog/542455

Jquery绑定事件（bind和live的区别）

阅读更多关于 Jquery绑定事件（bind和live的区别）

Jquery中绑定事件有三种方法：以click事件为例（1）target.click(function(){}); （2）target.bind("click",function(){}); （3）target.live("click",function(){}); 第一种方法很好理解，其实就和普通JS的用法差不多，只是少了一个on而已第二、三种方法都是绑定事件，但是二者又有很大的不同，下面着重讲解一下，因为这个如果用到Jquery的框架的话是用的挺多的，尤其要注意二者的区别。【bind和live的区别】 live方法其实是bind方法的变种，其基本功能就同bind方法的功能是一样的，都是为一个元素绑定某个事件，但是bind方法只能给当前存在的元素绑定事件，对于事后采用JS等方式新生成的元素无效，而live方法则正好弥补了bind方法的这个缺陷，它可以对后生成的元素也可以绑定相应的事件。那么live方法的这个特性是怎么实现的呢？下面来探讨一下其实现原理。 live方法之所以能对后生成的元素也绑定相应的事件的原因归结在“ 事件委托 ”上面，所谓“事件委托”就是指绑定在祖先元素上的事件可以在其后代元素上进行使用。live方法的处理机制就是把事件绑定在DOM树的根节点上，而不是直接绑定在某个元素上。举一个例子来说明： $(".clickMe").live("click",fn)

我可以使用jQuery找到绑定在元素上的事件吗？

阅读更多关于我可以使用jQuery找到绑定在元素上的事件吗？

我在此链接上绑定了两个事件处理程序： <a href='#' id='elm'>Show Alert</a> JavaScript： $(function() { $('#elm').click(_f); $('#elm').mouseover(_m); }); function _f(){alert('clicked');} function _m(){alert('mouse over');} 有什么方法可以获取绑定在元素上的所有事件的列表，在本例中是 id="elm" 元素？ #1楼在现代版本的jQuery中，您将使用 $._data 方法查找jQuery附加到相关元素的任何事件。注意，这是仅供内部使用的方法： // Bind up a couple of event handlers $("#foo").on({ click: function(){ alert("Hello") }, mouseout: function(){ alert("World") } }); // Lookup events for this particular Element $._data( $("#foo")[0], "events" ); $._data 的结果将是一个包含我们设置的两个事件的对象（如下图所示，其中的 mouseout 属性已展开）：然后，在Chrome中

jquery常用示例

阅读更多关于 jquery常用示例

Html代码 <input type="text" id="cName" /> <div class="login-button">登陆</div> 1. jquery常用操作 js $("#userName").val(); //取值 $("#userName").val("张三"); //赋值 $("#userName").focus(); // 光标定位到指定元素 2. jquery常用事件 // 键盘按下弹起的事件 $("#cName").keyup(function(){ // 验证是否是回车键 if(event.keyCode ==13){ // 触发指定元素的点击事件 $(".login-button").trigger("click"); } }); 待续... 来源： 51CTO 作者： pannijingling 链接： https://blog.51cto.com/1197822/2474236

给元素绑定事件 http://www.jb51.net/article/61915.htm

阅读更多关于给元素绑定事件 http://www.jb51.net/article/61915.htm

本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下： jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况例如 ? 1 2 3 < div id = "testdiv" > < ul ></ ul > </ div > 需要给<ul>里面动态添加的<li>标签添加click事件 jquery 1.7版以前使用live动态绑定事件 ? 1 2 $( "#testdiv ul li" ).live( "click" , function (){ }); jquery 1.7版以后使用on动态绑定事件 ? 1 2 3 $( "#testdiv ul" ).on( "click" , "li" , function () { //do something here }); 来源： https://www.cnblogs.com/kttbk/p/7686970.html

普通和苗条的jquery包有什么区别？

阅读更多关于普通和苗条的jquery包有什么区别？

在 CDNJS 处放置了jquery.slim包。尺寸较小。与原版的主要区别是什么？快速浏览一下代码并没有找到答案，在jquery.com上我还没有找到有关 slim 包装的参考。那么，jquery.js和jquery.slim.js有什么区别？ #1楼查看代码，我发现jquery.js和jquery.slim.js之间存在以下差异：在jquery.slim.js中，删除了以下功能： jQuery.fn.extend jquery.fn.load jquery.each //附加一堆函数来处理常见的AJAX事件 jQuery.expr.filters.animated 像jQuery.ajaxSettings.xhr，jQuery.ajaxPrefilter，jQuery.ajaxSetup，jQuery.ajaxPrefilter，jQuery.ajaxTransport，jQuery.ajaxSetup之类的ajax设置像jQuery.parseXML一样进行xml解析，动画效果，例如jQuery.easing，jQuery.Animation，jQuery.speed #2楼这时，最权威的答案似乎是在本期中，它指出“这是jQuery的自定义版本，不包括效果，ajax和不推荐使用的代码”。详细信息将在jQuery 3.0中宣布。

订阅 jquery事件