jquery事件

$.ajax()方法详解 1.url : 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type : 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout : 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async : 要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。 5.cache : 要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为false将不会从浏览器缓存中加载请求信息。 6.data : 要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换，可以查看　　processData选项。对象必须为key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组

JavaScript 库 - jQuery、Prototype、MooTools。 JavaScript 框架（库） JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。为了应对这些调整，许多的 JavaScript (helper) 库应运而生。这些 JavaScript 库常被称为 JavaScript 框架。在本教程中，我们将了解到一些广受欢迎的 JavaScript 框架： jQuery Prototype MooTools 所有这些框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理。 jQuery jQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。jQuery 同时提供 companion UI（用户界面）和插件。许多大公司在网站上使用 jQuery： Google Microsoft IBM Netflix Prototype Prototype 是一种库，提供用于执行常见 web 任务的简单 API。API 是应用程序编程接口（Application Programming Interface）的缩写。它是包含属性和方法的库，用于操作 HTML DOM。Prototype 通过提供类和继承，实现了对

事件绑定方法： 1.<type>(function) $("button").click(function(){ ... }); 2.bind(map) $("input[type='text']").bind({ focus: function(){ ... }, blur: function(){ ... } }) 3.bind(type, [data,] function) 　　注：如果没有第二个参数，则与第一个绑定事件方法相同 $("button").bind( "click", { arg1: "2012" arg2: "07" }, function(event){ ... event.data.arg1 ... } ) 4.one(type, [data,] function) 　　绑定事件只执行一次，执行完之后绑定失效 5.hover(over, out) 　　注：两个参数为鼠标盘旋在对象上方和离开时调用的函数 $("div").hover( function(){ ... }, function(){ ... } ) 6.toogle(function1, function2, ...) 　　该方法作用是单击对象时循环调用函数列表中的函数 7.live(type, function) 　　该方法为整个页面生命周期内的某一类对象绑定一个事件处理程序 事件删除方法：

jQuery全录笔记 JQuery 入口函数 jQuery选择器 基本选择器 层级选择器 基本筛选选择器 内容筛选选择器 属性筛选选择器 其它选择器(了解) jQuery操作DOM 获取DOM元素相关盒模型属性-位置属性: DOM节点操作 遍历jQuery元素 吸顶导航案例 让页面滚动至指定位置，兼容代码: jQuery控制标签的属性 jQuery获取DOM相关数据的方法 index()获取元素的索引值 JQ操作css 类相关控制函数 jQuery动画效果 显示隐藏动画切换 滑动显示滑动隐藏动画 淡入淡出动画(透明度动画) JQ的自定义动画 JQuery动画列队机制 delay()让动画延迟执行 事件相关方法 快捷方法 专用方法绑定事件(on方法) 事件委托 注销事件 事件对象: event 事件冒泡概念 阻止事件冒泡 阻止标签默认行为 自定义事件 jQuery命名对象冲突问题 jQuery对象与DOM对象互相转换 JQuery 入口函数 < head > < meta charset = " UTF-8 " > < title > Title </ title > < script > //js的入口函数 window . onload = function ( ) { //整个网页资源加载完毕再执行这里的代码 console . log ( "1" ) ; } ; window

本文转载自： https://www.cnblogs.com/dingjing0518/p/6839593.html 作者：dingjing0518 转载请注明该声明。 方式一：event.stopPropagation(); 1 $("#div1").mousedown( function (event){ 2 event.stopPropagation(); 3 }); 方式二：return false; 1 $("#div1").mousedown( function (event){ 2 　　 return false ; 3 }); 但是这两种方式是有区别的。return false 不仅阻止了 事件 往上冒泡，而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。 来源： CSDN 作者： kkwant 链接： https://blog.csdn.net/kkwant/article/details/103788410

bind()和unbind()提供了事件的绑定和取消机制，既可以绑定html默认支持的事件，也能够绑定自定义的事件。 1、JQuery中事件可以重复绑定，不会覆盖。 1 $("#button1").bind("click",function(){ 2 alert("func1"); 3 }); 4 $("#button1").bind("click",function(){ 5 alert("func2"); 6 }); 1 $("#button1").bind("click",sameFunc); 2 $("#button1").bind("click",sameFunc); 3 4 function sameFunc() 5 { 6 alert("func"); 7 } 当点击button1的时候，这2个事件处理函数都会触发。上面绑定的是不同的匿名函数，占用不同的内存空间。就算是同一个处理函数，依然存在重复绑定问题。当button1被点击的时候，上面的事件处理函数同样会被调用2次。 2、使用bind一次绑定多个事件和处理函数。 如果多个事件需要注册相同的处理函数，那么可以使用如下代码进行简化(事件名称使用空格分隔)： 1 $("#button1").bind("mousedown mouseup",function(){ 2 console.log(11); 3 });

jQuery事件发展历程 简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定 简单事件绑定 简单事件注册 click（handler）：单击事件； mouseenter（handler）：鼠标进入事件； mouseleave（handler）：鼠标离开事件； 缺点： 不能同时注册多个事件 bind方式注册事件 bind()共有两个参数： ①第一个参数：事件类型； ②第二个参数：事件处理函数 缺点： 不支持动态事件绑定，即创建新元素时，不会有事件绑定 jQuery 3.x已删除，而使用了on( )方法代替 < body > < input type = " button " value = " 按钮点击 " /> < div id = " pnum " > < p > 12 </ p > < p > 34 </ p > < p > 56 </ p > < p > 78 </ p > </ div > < script src = " ./jquery-1.12.4.js " > </ script > < script > // bind注册事件 $ ( 'p' ) . bind ( "click mouseenter" , function ( ) { $ ( this ) . css ( 'background-color' , 'skyblue' )

一、前言 最近在做项目中要用到jQuery来绑定事件，首先想到的是$(selector).事件名();这样绑定事件的方式，这种方式对事件进行绑定其实也就是bind()方法，但当选择器匹配的元素过多，$(selector).事件名();对每个元素进行迭代绑定，会影响性能。除了这种方式可以绑定事件以外，还有live()(已过期)、delegate()、on()方法绑定事件，接下来分析一下它们的区别，以及使用哪种方式最值得推荐。由于live()方法已过期，只分析另外三种，欢迎拍砖、吐槽~~~ 二、用法与区别 先准备一个example，用于不同方法绑定事件测试与对比。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>on()、delegate()、bind()事件绑定测试</title> <link rel="stylesheet" type="text/css" href="bootstrap.css"> </head> <body> <div style="width:800px;margin:50px auto;"> <botton class="btn btn-success" id="btn">新增一个p元素</botton> <p>1</p> <p>2</p> </div>

jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。 通常会把 jQuery 代码放到 <head>部分的事件处理方法中： 实例 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>Click me</button> </body> </html> 在上面的例子中，当按钮的点击事件被触发时会调用一个函数： $("button").click(function() {..some code... } ) 该方法隐藏所有 <p> 元素： $("p").hide(); 单独文件中的函数

这个插件包含三个部分：HTML结构、CSS代码和JS代码。 HTML结构是固定的，结构如下： 1 <!--全屏滚动--> 2 <div class="fullpage-container"> 3 <div class="fullpage-pagebox"> 4 <div id="fullpage-page1" class="fullpage-page-vertical"><h1>1</h1></div> 5 <div id="fullpage-page2" class="fullpage-page-vertical"><h1>2</h1></div> 6 <div id="fullpage-page3" class="fullpage-page-vertical"><h1>3</h1></div> 7 <div id="fullpage-page4" class="fullpage-page-vertical"><h1>4</h1></div> 8 <div id="fullpage-page5" class="fullpage-page-vertical"><h1>5</h1></div> 9 <div id="fullpage-page6" class="fullpage-page-vertical"><h1>6</h1></div> 10 </div> 11 </div>