jQuery 1.3 新增该函数，从jQuery 1.7开始被标记为已过时，在jQuery 1.9中被移除,请使用on()函数来替代。请使用on()函数来替代。 5，die 同上。...该函数也可用于触发resize事件。此外，你还可以额外传递给事件处理函数一些数据。 resize事件会在元素的尺寸大小被调整时触发。该事件常用于window对象(浏览器窗口)或框架页面。...此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发resize事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。...实例： 现在，我们为window对象的resize事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)： $(window).resize( function(){ alert("不建议调整窗口大小...注意：如果一直按住鼠标按钮不放，也只会触发一次mousedown事件。 jQuery 事件就写这么多了， 后面如果有新的内容仍会及时更新。
一、jQuery中的事件 1、加载DOM： 执行时机：在常规的JavaScript中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法，...通过使用此方法，可以在DOM载入就绪时就对其进行操纵兵调用执行它所绑定的函数。 ...根据上述描述，显然使用jQuery的$(docum).ready()方法时会出现一个问题。由于在该方法内注册的事件，只要DOM就绪就会被执行，因此可能此时元素的关联文件未下载完。...如果处理函数绑定给window对象，则会在所有的内容（包括窗口、框架、对象和图像等）加载完毕后触发，除过处理函数绑定在元素上，则会在元素的内容加载完毕后触发。 ...jQuery是目前使用最广泛的javascript函数库。
一、jQuery中的事件 1、加载DOM： 执行时机：在常规的JavaScript中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法...，通过使用此方法，可以在DOM载入就绪时就对其进行操纵兵调用执行它所绑定的函数。 ...如果处理函数绑定给window对象，则会在所有的内容（包括窗口、框架、对象和图像等）加载完毕后触发，出国处理函数绑定在元素上，则会在元素的内容加载完毕后触发。 ...所以如果想达到两个函数顺序触发的效果，只能使用下面的方法来实现——也即再创建一个新的JavaScript方法，JavaScript代码如下： window.load = function(){ func1...).next().show(); //获取并显示“内容”元素 }) }) 当然可以加强效果，并且改变绑定事件的类型，比如鼠标悬停时显示“内容”，鼠标离开时隐藏“内容”。
事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发）...mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为mouseenter和mouseleave事件指定处理函数 ready...() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 resize() 浏览器窗口的大小发生改变 其实大部分resize...这里就不写那么复杂的事情，只写一下当浏览器窗口变化的时候，触发resize()事件看看。...编写一个当浏览器窗口大小发生变换，在document.title打印document.width()如下： ? ? 代码 <!
就是说它非常请求，大小在30kb左右；具有强大的选择器和dom操作的封装，可靠的事件处理机制，有完善的ajax，jquery将所有的ajax操作封装到函数``$.ajax()`中；具有丰富的插件，完善的文档...入口函数如下 window.onload = function(){ // 执行代码 } JavaScript的入口函数与jquery入口函数： jquery的入口函数是在HTML所有标签都加载后执行...注意：$(A).prepend(B)的操作，不是将B前置到A中，而是将A前置到B中 after() 在每个匹配的元素之后插入内容 insertAfter() 将所有匹配的元素插入另一个指定的元素集合的后面...窗口事件： scroll()当用户滚动指定的元素时，会触发scroll事件。scroll事件适用于所有可滚动的元素和window对象。...resize()当调整浏览器窗口的大小时，会触发resize事件。
，然后在触发外部事件 事件捕获：外部事件先被触发，然后在触发内部元素 mouseover（）/mouseout() ：鼠标移入“所选元素以及后代都会触发” mouseenter（...function(){ $('#num2').html(count2+=1)//只有移入指定元素才会加1 }) 7 hover鼠标悬停事件...可以在父元素上检测子元素获得焦点的情况 而focusout可以在父元素上检测子元素失去焦点情况 四 其他事件 1 scroll（）滚动滚动条时触发的事件 2 resize（）当调整窗口大小时触发的事件...block') } //滚动条的距离scrollTop()和scrollLeft() }) 2 事件对象 JQ在事件函数中默认传递了参数... 不会随着滚动条变化而变化 jquery-3.1.1.min.js"> client screen page</title
可用的值是：error,question,info,warning.fn：当窗口关闭时触发的回调函数。...onClose none 当面板关闭之后触发 onBeforeDestroy none 当面板销毁之前触发 onDestroy none 当面板关闭之后触发 onBeforeCollpase none...当面板折叠之前触发 onCollapse none 当面板折叠之后触发 onBeforeExpand none 当面板展开之前触发 onExpand none 当面板展开之后触发 onResize width..., height 当面板调整大小之后触发width: 新的宽度;height: 新的高度 onMove left,top 当面板移动之后触发left: 新的左侧位置top: 新的顶部位置 onMaximize...，参数和jQuery.ajax成功返回的回调函数相同 onSelect title 当用户选择一个标签面板时被触发 onClose title 当用户关闭一个标签面板时被触发 11.4 方法 方法名
当鼠标悬停或按钮被点击时，都会触发相应的回调函数。 标准方式：解绑事件 除了绑定事件，有时我们也需要在之后解绑事件，以避免不必要的执行。...然后，通过 setTimeout 函数模拟了一段时间后的解绑过程。在实际项目中，你可以根据需要来触发解绑操作，例如在特定条件下、或者在页面销毁时。...这样一来，点击链接时不会跳转到指定的网站，而是触发了我们定义的回调函数。 标准方式：事件委托的应用 事件委托是一种优化性能的方式，特别适用于需要大量事件绑定的情况。...通过将事件绑定到父元素上，然后利用事件冒泡原理，在父元素上捕获事件并判断具体触发事件的子元素，从而减少了事件绑定的数量。 <!...; }); 在这个例子中，我们使用了事件委托，将点击事件绑定到了 ul 元素上，但指定了只有 li 元素被点击时才触发回调函数
还有一种就是我们的jQuery中的加载方式$(function(){}) window.onload方式 window.onload：在整个月面中所有内容加载完成后，才会执行事件。...在jQuery类库的不同版本中效果可能不太一样(1.0、2.0、3.0),和浏览器也有关系 案例1：测试两种方式的区别【个数+顺序】 区别1：顺序，上面我们已经测试了，理论上先执行jQuery方式...hover:由两个函数组成，鼠标进来和鼠标出去两个动作。...，点击页面的其它位置不会触发。...因为p是在div中，属于div的一部分。
当鼠标悬停或按钮被点击时，都会触发相应的回调函数。 事件代理 有时候，我们需要在动态生成的元素上绑定事件。这时候，事件代理就能派上用场了。...事件代理通过将事件绑定到父元素上，然后利用事件冒泡的原理，在父元素上捕获事件并判断具体触发事件的子元素。 函数模拟了一段时间后的解绑过程。在实际项目中，你可以根据需要来触发解绑操作，例如在特定条件下，或者在页面销毁时。...这样，鼠标悬停事件仍然会被触发，但点击事件不再响应。 解绑所有事件 如果你想彻底解绑所有类型的事件，可以调用 off 方法时不传递任何参数。 触发相应的回调函数。
事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发）...mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为mouseenter和mouseleave事件指定处理函数 ready...() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 编写一个form表单，用来演示输入框获取焦点和失去焦点的示例 ?...好了，有了基本的HTML架构之后，就可以来演示了。 focus() 元素获得焦点 首先先来这个focus()函数。 ? 可以看到当获取焦点的时候，就立即弹出alert()。...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用，如下： ? 当获取到文本框内的值之后，就可以对其进行正则验证或者其他方式的校验。
| |$(selector).mouseover(function)|触发或将函数绑定到被选元素的鼠标悬停事件 | 事件语法： 参考： |方法 |描述 |...|触发、或将函数绑定到指定元素的 change 事件 | |click() |触发、或将函数绑定到指定元素的 click 事件 | |dblclick() |触发...| |focus() |触发、或将函数绑定到指定元素的 focus 事件 | |keydown() |触发、或将函数绑定到指定元素的 key down 事件 |...| |ready() |文档就绪事件（当 HTML 文档就绪可用时） | |resize() |触发、或将函数绑定到指定元素的 resize 事件 | |scroll...AJAX AJAX AJAX = 异步JavaScript + XML 在不重载网页的情况下，后台加载数据并显示在页面上 AJAX菜鸟教程 jQuery ajax()方法 AJAX
选取单选按钮 点击元素 在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。...常见 DOM 事件： 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter...keyup focus scroll mouseleave blur unload hover jQuery 事件方法语法 在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery...}); ---- 常用的 jQuery 事件方法 $(document).ready() $(document).ready() 方法允许我们在文档完全加载完后执行函数。...该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 事件一览： 方法 描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发...focus() 触发、或将函数绑定到指定元素的 focus 事件 keydown() 触发、或将函数绑定到指定元素的 key down 事件 keypress() 触发、或将函数绑定到指定元素的 key...) 触发、或将函数绑定到指定元素的 mouse leave 事件 mousemove() 触发、或将函数绑定到指定元素的 mouse move 事件 mouseout() 触发、或将函数绑定到指定元素的...ready() 文档就绪事件（当 HTML 文档就绪可用时） resize() 触发、或将函数绑定到指定元素的 resize 事件 scroll() 触发、或将函数绑定到指定元素的 scroll 事件...after() 在匹配的元素之后插入内容。 append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容。 appendTo() 向目标结尾插入匹配元素集合中的每个元素。
本文主要针对浏览器的窗口事件做一些简要介绍，只在让读者可以入门操作bom有关的事件。...在浏览网页最常见的就是浏览器的窗口产生的事件，比如浏览器大小变化时发生的resize事件；浏览器滚动条变化时发生的scroll事件。...这些事件在浏览器窗口比较直观，但实际上这两种情况也可以发生在html元素的某个节点上。本节以较为直观的浏览器窗口事件为例来说明jQuery中窗口事件的使用。案例源代码： <!...图5-23提示效果 而用户的浏览器大小发生变化时就会触发预先绑定在window上面的resize事件，这个事件可以将当前的浏览器内部的宽高实时输出到id为ctsize的容器里面。...根据业务需要，有时候在没有滚动条情况下要触发鼠标滚动事件，如在页面中实现图片切换效果，就要回归使用JavaScript的方式将document绑定到mousewheel事件上。
如果你一直在触发这个函数并且两次触发间隔小于设定时间，则一定不会到回调函数那一步。...主要应用场景有：input验证、搜索联想、resize 节流实现 思路： 第一次先设定一个变量true，第二次执行这个函数时，会判断变量是否true，是则返回。...示例 // 避免窗口在变动时出现昂贵的计算开销。...jQuery(window).on('resize', _.debounce(calculateLayout, 150)); // 当点击时 `sendMail` 随后就被调用。...// 确保 `batchLog` 调用1次之后，1秒内会被触发。
控件提示框： # 初始化组件 def initUI(self): # 设置字体 QToolTip.setFont(QFont('SansSerif', 10)) # 鼠标悬停...(btn.sizeHint()) # 设置坐标，以父元素左上角为原点 btn.move(50, 50) # 鼠标悬停在按钮，显示提示框 btn.setToolTip...： # 初始化组件 def initUI(self): self.resize(300, 250) self.setWindowTitle('Center') # 调用自定义函数...self.center() self.show() # 自定义居中函数 def center(self): # 获得主窗口所在的框架 qr = self.frameGeometry...qr.moveCenter(cp) # 然后通过move函数把主窗口的左上角移动到其框架的左上角 self.move(qr.topLeft())
input.blur( function(){ if( $.trim(input.val()) == '' ){ input.val(originalvalue); } }); } 在新窗口中打开链接...; jQuery(?...鼠标悬停(hover)切换 class 属性 假如当用户鼠标悬停在一个可点击的元素上时，你希望改变其效果，下面这段代码可以在其悬停在元素上时添加 class 属性，当用户鼠标离开时，则自动取消该 class...并把要移除的属性作为参数传入： $('input[type="submit"]').removeAttr('disabled'); 阻止链接加载 有时你不希望链接到某个页面或者重新加载它，你可能希望它来做一些其他事情或者触发一些其他脚本...').addClass('large'); } else { $('body').removeClass('large'); } } $(window).resize
在新窗口中打开链接 XHTML 1.0 Strict doesn’t allow this attribute in the code, so use this to keep the code valid...检测浏览器 注: 在版本jQuery 1.4中，.support 替换掉了.browser 变量 $(document).ready(function() { // Target Firefox 2 and...(hover)切换 class 属性 假如当用户鼠标悬停在一个可点击的元素上时，你希望改变其效果，下面这段代码可以在其悬停在元素上时添加 class 属性，当用户鼠标离开时，则自动取消该 class 属性...并把要移除的属性作为参数传入： $('input[type="submit"]').removeAttr('disabled'); 17.阻止链接加载 有时你不希望链接到某个页面或者重新加载它，你可能希望它来做一些其他事情或者触发一些其他脚本...body').addClass('large'); } else { $('body').removeClass('large'); } } $(window).resize
当面板关闭之前触发 onClose none 当面板关闭之后触发 onBeforeDestroy none 当面板销毁之前触发 onDestroy none 当面板关闭之后触发 onBeforeCollpase...none 当面板折叠之前触发 onCollapse none 当面板折叠之后触发 onBeforeExpand none 当面板展开之前触发 onExpand none 当面板展开之后触发 onResize...width, height 当面板调整大小之后触发 width: 新的宽度 height: 新的高度 onMove left,top 当面板移动之后触发 left: 新的左侧位置 top: 新的顶部位置...onMaximize none 当窗口最大化的时候被触发 onRestore none 当窗口恢复到原来的大小时被触发 onMinimize none 当窗口最小化的时候被触发 ...true，面板被销毁的时候忽略onBeforeDestroy回调函数 refresh none 当设置了href值时，刷新面板来加载远程数据 resize options 设置面板的大小和布局，这些选项包含以下的属性
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
