jquery事件

jquery pageX属性 语法

由 岁酱吖の 提交于 2019-12-06 04:30:42
jquery pageX属性 语法 作用： pageX() 属性是鼠标指针的位置，相对于文档的左边缘。 大理石构件来图加工 语法： event.page 参数： 参数 描述 event 必需。规定要使用的事件。这个 event 参数来自事件绑定函数。 jquery pageX属性 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).mousemove(function(e){ $("span").text("X: " + e.pageX + ", Y: " + e.pageY); }); }); </script> </head> <body> <p>鼠标指针位于： <span></span></p> </body> </html> 来源： https://www.cnblogs.com/furuihua/p/11961959.html

jquery die()方法 语法

由 爱⌒轻易说出口 提交于 2019-12-06 04:30:22
jquery die()方法 语法 作用：die() 方法移除所有通过 live() 方法向指定元素添加的一个或多个事件处理程序。 广州大理石机械构件 语法：$(selector).die(event,function) 参数： 参数 描述 event 必需。规定要移除的一个或多个事件处理程序。由空格分隔多个事件值。必须是有效的事件。 function 可选。规定要移除的特定函数。 jquery die()方法 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").live("click",function(){ $(this).slideToggle(); }); $("button").click(function(){ $("p").die(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>请点击任意 p 元素，段落会消失。包括本段落。</p> <button>移除通过

jquery die()方法 语法

由 梦想的初衷 提交于 2019-12-06 04:30:05
jquery die()方法 语法 作用：die() 方法移除所有通过 live() 方法向指定元素添加的一个或多个事件处理程序。 直线电机参数 语法：$(selector).die(event,function) 参数： 参数 描述 event 必需。规定要移除的一个或多个事件处理程序。由空格分隔多个事件值。必须是有效的事件。 function 可选。规定要移除的特定函数。 jquery die()方法 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").live("click",function(){ $(this).slideToggle(); }); $("button").click(function(){ $("p").die(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>请点击任意 p 元素，段落会消失。包括本段落。</p> <button>移除通过 live

面试常见技术问题

由 若如初见. 提交于 2019-12-06 04:15:21
--------- JQ --------- 1.jq 常见选择器？ ，号选择器，分组选择器。空格，祖父选择器。>大于号，父子选择器。+号选择器，紧接下一个兄弟选择器。~号，元素之后所有的 siblings 元素。 ：first，：last，：not，：first-child，:last-child,:animated.：checked 2.jQuery 插件实现方式，分别介绍？ jQuery.fn.extend 封装直接在$下面的方法，就是根下面， 扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。 $.extend 用来在 jQuery 命名空间上增加新函数。用一个或多个其他对象来扩展一个对象，返回被扩展的对象 批量的方法用 fn，静态的用$.extend（），不建议用扩展到根下面。 3.bind 和 live 的区别? live 方法其实是 bind 方法的变种，其基本功能就同 bind 方法的功能是一样的，都是为一个元素绑定某个事件，但是 bind 方法只能给当前存在的元素绑定事件，对于事后采用 JS 等方式新生成的元素无效，而 live 方法则正好弥补了 bind 方法的这个缺陷，它可以对后 生成的元素也可以绑定相应的事件。 4.js 和 jq 如何转换？ jQuery 对象是通过 jQuery 包装 DOM 对象后产生的对象。jQuery 对象是

jQuery实现图片的隐藏、显示、切换

由 假如想象 提交于 2019-12-06 04:03:46
< html > < head > < meta charset = "utf-8" > < title > </ title > < script src = "./jquery-2.2.4.min.js" > </ script > < script > $( function () { //获取按钮并设置点击事件 $( "button" ).click( function () { switch ($( this ).html()) { case "隐藏" : $( "img" ).hide( 500 ); break ; case "显示" : //显示 //$("img").show(500); //下来效果显示 $( "img" ).slideDown( 1000 ); break ; case "切换" : //$("img").toggle(500); //渐变效果切换 $( "img" ).fadeToggle( "slow" ); break ; } }); }); </ script > </ head > < body > < h2 id = "hid" > jQuery实例:特效 </ h2 > < button > 隐藏 </ button > < button > 显示 </ button > < button > 切换 </ button > <

jQuery $(document).ready()和JavaScript onload事件详解区别

由 寵の児 提交于 2019-12-06 02:06:42
jQuery $(document).ready()和window.onload 　　根据 ready() 方法的API说明 http://api.jquery.com/ready/ 　　这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully loaded. 　　即当DOM加载完毕的时候,执行这个指定的方法. 　　因为只有document的状态ready之后,对page的操作才是安全的. 　　 $(document).ready()仅在DOM准备好的时候执行一次. 　　与之相比, load事件会等到页面渲染完成执行,即等到所有的资源(比如图片)都完全加载完成的时候. 　　 $(window).load(function(){…})会等整个页面,不仅仅是DOM,还包括图像和iframes都准备好之后,再执行. 　　而ready()是在DOM准备好之后就执行了,即DOM树建立完成的时候.所以通常ready()是一个更好的时机. 　　如果DOM初始化完成之后再调用ready()方法,传入的新的handler将会 立即执行 . 　　 注意:ready()方法多次调用,传入的handler方法会串联执行(追加). 　　而JavaScript中,window

QQ空间自动点赞js代码

由 。_饼干妹妹 提交于 2019-12-06 00:16:00
1、jQuery().each(): each() 方法为每个匹配元素规定要运行的函数。 提示： 返回 false 可用于及早停止循环。 函数原型： function(index,element) 为每个匹配元素规定运行的函数。 index - 选择器的 index 位置。 element - 当前的元素（也可使用 "this" 选择器）。 2、jQuery选择器： 3、jQuery.trigger()方法 trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。 该方法与 triggerHandler() 方法类似，不同的是 triggerHandler() 不触发事件的默认行为。 与 triggerHandler() 方法相比的不同之处: 它不会引起事件（比如表单提交）的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素。 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果目标元素不直接处理它们，则不会发生任何事情。 4、jQuery.scroll() 当用户滚动指定的元素时，会发生 scroll 事件。 scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。 scroll() 方法触发 scroll 事件

jquery和vue对比

由 ≡放荡痞女 提交于 2019-12-05 23:08:29
前言：很多人说jquey和vue没有什么可比的，应该和Angular，React来比吧，我到觉得他们倒没有多大的可比性，都是基于mvvm思想设计的框架，无非就是实现的方式不一样，在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变，是将原有的直接操作dom的思想转变到操作数据上去，难道不是一个根本性的改变吗？ 1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低 2.vue介绍：vue是一个兴起的前端js库，是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的mvmm框架如Angular，React都是大同小异，本质上都是基于MVVM的理念。 然而vue以他独特的优势简单，快速，组合，紧凑，强大而迅速崛起 3.vue和jquey对比 jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作

Jquery 事件 文本框常用

由 我的梦境 提交于 2019-12-05 23:06:07
1、只许输入类型 //只能输入整数和小数 function txtKeyUpDecimal(txtName) { getID(txtName).keyup(function(){ //keyup事件处理 $(this).val($(this).val().replace(/[^0-9\.]/g,'')); }).bind("paste",function(){ //CTR+V事件处理 $(this).val($(this).val().replace(/[^0-9\.]/g,'')); }).css("ime-mode", "disabled"); //CSS设置输入法不可用 } //只能输入整数 function txtKeyUp(txtName) { getID(txtName).keyup(function(){ //keyup事件处理 $(this).val($(this).val().replace(/^0{2}|\D|/g,'')); }).bind("paste",function(){ //CTR+V事件处理 $(this).val($(this).val().replace(/^0{2}|\D|/g,'')); }).css("ime-mode", "disabled"); //CSS设置输入法不可用 } //只能输入数字跟英文逗号 function

JQuery的基本概念和事件绑定

由 前提是你 提交于 2019-12-05 22:29:40
JQuery是一个js的框架 js框架：封装js原生代码 步骤： 一.下载JQuery jQuery有三大版本： 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护， 功能不再新增。因此一般项目来说，使用1.x版本就可以了， 最终版本：1.12.4 (2016年5月20日) 2.x：不兼容ie678，很少有人使用，官方只做BUG维护， 功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x， 最终版本：2.2.4 (2016年5月20日) 3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求， 一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。 目前该版本是官方主要更新维护的版本。最新版本：3.2.1（2017年3月20日） * jquery-xxx.js 与 jquery-xxx.min.js区别： 1. jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释。体积大一些 2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快 二、导入JQuery的js文件：导入min.js文件 三、 使用 var div1 = $("#div1"); alert(div1.html()); 使用$获取对象 JQuery对象与js对象的区别与转换 1.JQuery操作对象时更加方便 2
订阅 jquery事件