Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery dblclick() 事件 jQuery 事件方法 实例 双击 <p> 元素时警报文本： [mycode3 type='javascript'] $('p').dblclick(function(){ alert('这个段落被双击。'); }); [/mycode3] 尝试一下 » 定义和用法 当双击元素时..
jQuery delegate() 方法 jQuery 事件方法 实例 当单击 <div> 元素内部的 <p> 元素时，改变所有 <p> 元素的背景颜色： $('div').delegate('p','click',function(){ &..
jQuery event.delegateTarget 属性 jQuery 事件方法 实例 改变 <div> 元素的背景颜色（<button> 元素的祖先）： $('div').on('click','button',function(event){ ..
jQuery die() 方法 jQuery 事件方法 实例 移除所有通过 live() 方法向 <p> 元素添加的事件处理程序： $('p').die(); 尝试一下 » 定义和用法 die() 方法在 jQuery 版本 1.7 中被废弃，在版本 1.9 中被移除。请使用 off() 方法代替。 die() 方法移除通过 live() 方法向..
jQuery error() 方法 jQuery 事件方法 实例 如果 image 元素遇到错误，把它替换为文本： $('img').error(function(){ $('img').replaceWith('<p>图片加载错误!</p>&..
jQuery focus() 方法 jQuery 事件方法 实例 添加函数到 focus 事件。当 <input> 字段获得焦点时发生 focus 事件： [mycode3 type='js'] $('input').focus(function(){ $('span').css('display','..
jQuery focusin() 方法 jQuery 事件方法 实例 当 <div> 元素或其任意子元素获得焦点时，设置 <div> 元素的背景颜色： $('div').focusin(function(){ $(this).css('background-color','#FFFFCC');..
jQuery focusout() 方法 jQuery 事件方法 实例 当 <div> 元素或其任意子元素失去焦点时，设置 <div> 元素的背景颜色： [mycode3 type='javascript'] $('div').focusout(function(){ $(this).css('backgroun..
jQuery.holdReady()方法 jQuery 事件方法 实例 HTML元素单击右键触发事件 [mycode3 type='html'] 点击测试弹出 解除延迟 [/mycode3] [mycode3 type='javascript'] $.holdReady(true) $(document).ready(function(){ $('#first&..
jQuery hover() 方法 jQuery 事件方法 实例 当鼠标指针悬停在上面时，改变 <p> 元素的背景颜色： [mycode3 type='js'] $('p').hover(function(){ $('p').css('background-color','yellow'); ..
jQuery event.isDefaultPrevented() 方法 jQuery 事件方法 实例 防止链接打开 URL，并检查 preventDefault() 是否被调用： [mycode2] $('a').click(function(event){ event.preventDefault(); alert('检查 preventDefault() 是否被调用: ' +..
jQuery event.isImmediatePropagationStopped() 方法 jQuery 事件方法 实例 检查 event.stopImmediatePropagation() 是否被调用： $('div').click(function(event){ event.stopImmedia..
jQuery event.isPropagationStopped() 方法 jQuery 事件方法 实例 检查 event.stopPropagation() 是否被调用： $('div').click(function(event){ event.stopPropagation(); &am..
jQuery keydown() 方法 jQuery 事件方法 实例 当键盘键被按下时，设置 <input> 字段的背景颜色： [mycode3 type='javascript'] $('input').keydown(function(){ $('input').css('background-color',&#..
jQuery keypress() 方法 jQuery 事件方法 实例 计算在 <input> 字段内的按键次数： [mycode3 type='js'] $('input').keypress(function(){ $('span').text(i+=1); }); [/mycode3] 尝试一下 » 定义和用法 与..
jQuery keyup() 方法 jQuery 事件方法 实例 当键盘键被松开时，设置 <input> 字段的背景颜色： [mycode3 type='js'] $('input').keyup(function(){ $('input').css('background-color','pink&..
jQuery live() 方法 jQuery 事件方法 实例 当点击按钮时，隐藏或显示 <p> 元素： $('button').live('click',function(){ $('p').slideToggle(); }); 尝试一下 » 定义和用法 live() 方法在 jQuery 版本 1.7 ..
jQuery load() 方法 jQuery 事件方法 实例 当图像全部加载时警报文本： $('img').load(function(){ alert('图片已载入'); }); 尝试一下 » 定义和用法 load() 方法在 jQuery 版本 1.8 中已废弃。 l..
jQuery mousedown() 方法 jQuery 事件方法 实例 在 <div> 元素上按下鼠标左键，插入一些文本： [mycode3 type='js'] $('div').mousedown(function(){ $(this).after('Mouse button pressed down.'); }); [/m..
jQuery mouseenter() 方法 jQuery 事件方法 实例 当鼠标指针进入 <p> 元素时，设置背景色为黄色： [mycode3 type='js'] $('p').mouseenter(function(){ $('p').css('background-color','yello..
jQuery mouseleave() 方法 jQuery 事件方法 实例 当鼠标指针离开 <p> 元素时，设置背景色为灰色： [mycode3 type='js'] $('p').mouseleave(function(){ $('p').css('background-color','gray&#..
jQuery mousemove() 方法 jQuery 事件方法 实例 获得鼠标指针在页面中的位置： $(document).mousemove(function(event){ $('span').text(event.pageX + ', ' + event.pageY); }); 尝试一下 » 定义和用法 当鼠标指针在指定的元素中移动时，就会发生..
jQuery mouseout() 方法 jQuery 事件方法 实例 当鼠标指针离开 <p> 元素时，设置背景色为灰色： [mycode3 type='js'] $('p').mouseout(function(){ $('p').css('background-color','gray'..
jQuery mouseover() 方法 jQuery 事件方法 实例 当鼠标指针位于 <p> 元素上方时，设置背景色为黄色： $('p').mouseover(function(){ $('p').css('background-color','yellow'); }); 尝试一下 » ..