Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery width() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的宽度： [mycode3 type='js'] $('button').click(function(){ alert($('div').width()); }); [/mycode3] 尝试一下 » 定义和用法 wid..
jQuery animate() 方法 jQuery 效果方法 实例 通过改变元素的高度，对元素应用动画： [mycode3 type='js'] $('button').click(function(){ $('#box').animate({height:'300px'}); }); [/mycode3] 尝试一下 » 定义..
jQuery clearQueue() 方法 jQuery 效果方法 实例 停止队列中的剩余函数： $('button').click(function(){ $('div').clearQueue(); }); 尝试一下 » 定义和用法 clearQueue() 方法从尚未运行的队列中移除所有项目。请注意当函数开始运行时，它会一直运行直到完成。 相关方..
jQuery delay() 方法 jQuery 效果方法 实例 对不同的 <div> 元素设置延迟： $('button').click(function(){ $('#div1').delay('slow').fadeIn(); &..
jQuery dequeue() 方法 jQuery 效果方法 实例 从队列中移除下一个函数，然后执行函数： $('div').queue(function(){ $('div').css('background-color','red'); $('div').dequeue(); }); 尝试一下..
jQuery fadeIn() 方法 jQuery 效果方法 实例 使用淡入效果显示所有 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').fadeIn(); }); [/mycode3] 尝试一下 » 定义和用法 fadeIn() 方法逐..
jQuery Effect fadeOut() 方法 jQuery 效果方法 实例 使用淡出效果显示所有 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').fadeOut(); });[/mycode3] 尝试一下 » 定义和用法 fade..
jQuery 效果 fadeTo() 方法 jQuery 效果方法 实例 逐渐改变所有 <p> 元素的不透明度： [mycode3 type='js'] $('button').click(function(){ $('p').fadeTo(1000,0.4); }); [/mycode3] 尝试一下 » 定义和用法 f..
jQuery fadeToggle() 方法 jQuery 效果方法 实例 不同盒子淡入和淡出的切换： $('button').click(function(){ $('#div1').fadeToggle(); }); 尝试一下 » 定义和用法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 如果元素是..
jQuery finish() 方法 jQuery 效果方法 实例 完成当前正在运行的动画： [mycode3 type='javascript'] $('#complete').click(function(){ $('div').finish(); }); [/mycode3] 尝试一下 » 定义和用法 finish() 方法停止当前运行的..
jQuery hide() 方法 jQuery 效果方法 实例 隐藏所有 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').hide(); }); [/mycode3] 尝试一下 » 定义和用法 hide() 方法隐藏被选元素。 提示：这与 ..
jQuery queue() 方法 jQuery 效果方法 实例 显示 <span> 元素中队列的长度： $('span').text(div.queue().length); 尝试一下 » 定义和用法 queue() 方法显示被选元素上要执行的函数队列。 队列是一个或多个等待运行的函数。 queue() 方法通常与 dequeue() 方法一起使用。 一个元素可以..
jQuery 效果 show() 方法 jQuery 效果方法 实例 显示所有隐藏的 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').show(); }); [/mycode3] 尝试一下 » 定义和用法 show() 方法显示隐藏的被选元..
jQuery slideDown() 方法 jQuery 效果方法 实例 以滑动方式显示所有隐藏的 <p> 元素： $('button').click(function(){ $('p').slideDown(); }); 尝试一下 » 定义和用法 slideDown() 方法以滑动方式显示被选元素。 注意：slide..
jQuery slideToggle() 方法 jQuery 效果方法 实例 在所有 <p> 元素上进行 slideUp() 和 slideDown() 之间的切换： $('button').click(function(){ $('p').slideToggle(); }); 尝试一下 » 定义和用法 slideTo..
jQuery slideUp() 方法 jQuery 效果方法 实例 以滑动方式隐藏所有的 <p> 元素： $('button').click(function(){ $('p').slideUp(); }); 尝试一下 » 定义和用法 slideUp() 方法以滑动方式隐藏被选元素。 注意：隐藏的元素不会被完全显示（..
jQuery stop() 方法 jQuery 效果方法 实例 停止当前正在运行的动画： [mycode3 type='js'] $('#stop').click(function(){ $('div').stop(); }); [/mycode3] 尝试一下 » 定义和用法 stop() 方法为被选元素停止当前正在运行的动画。 语法 $(se..
jQuery toggle() 方法 jQuery 效果方法 实例 在所有 <p> 元素上进行隐藏和显示之间的切换： [mycode3 type='javascript'] $('button').click(function(){ $('p').toggle(); }); [/mycode3] 尝试一下 » 定义和用法 t..
jQuery bind() 方法 jQuery 事件方法 实例 向 <p> 元素添加一个单击事件： [mycode2] $('p').bind('click',function(){ alert('这个段落被点击了。'); }); [/mycode2] 尝试一下 » 定义和用法 bind() 方法向被选元素添加一个或多个事件处..
jQuery blur() 方法 jQuery 事件方法 实例 添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件： $('input').blur(function(){ alert('输入框失去了焦点');}); 尝试一下 » 定义..
jQuery change() 方法 jQuery 事件方法 实例 当 <input> 字段改变时警报文本： $('input').change(function(){ alert('文本已被修改'); }); 尝试一下 » 定义和用法 当元素的值改变时发生..
jQuery click() 方法 jQuery 事件方法 实例 单击 <p> 元素时警报文本： $('p').click(function(){ alert('段落被点击了。'); }); 尝试一下 » 定义和用法 当单击元素时，发生 click 事件。 ..
jQuery contextmenu() 方法 jQuery 事件方法 实例 单击右键触发 contextmenu 事件 [mycode3 type='javascript'] 右键单击这里 $(function () { $( '#target' ).contextmenu(function() { alert( '处理程序.contextmenu()被调用。..
jQuery event.data 属性 jQuery 事件方法 实例 对每个 <p> 元素返回通过 on() 方法传递的数据： [mycode2] $('p').each(function(i){ $(this).on('click',{x:i},function(event){ alert('序号：' + $(this).ind..