Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery mouseup() 方法 jQuery 事件方法 实例 在 <div> 元素上松开鼠标左键，插入一些文本： $('div').mouseup(function(){ $(this).after('释放鼠标按钮。');}); 尝试一下 » 定义和用..
jQuery event.namespace 属性 jQuery 事件方法 实例 添加并移除自定义命名空间： [mycode2] $('p').on('custom.someNamespace',function(event){ alert(event.namespace); }); $('p').click(function(event){ $(this).t..
jQuery off() 方法 jQuery 事件方法 实例 移除所有 <p> 元素上的 click 事件： [mycode3 type='js'] $('button').click(function(){ $('p').off('click'); }); [/mycode3] 尝试一下 » 定义和用..
jQuery on() 方法 jQuery 事件方法 实例 向 <p> 元素添加 click 事件处理程序： [mycode3 type='js'] $(document).ready(function(){ $('p').on('click',function(){ alert('段落被点击了。'); ..
jQuery one() 方法 jQuery 事件方法 实例 当点击 <p> 元素时，增加该元素的文本大小（每个 <p> 元素只能触发一次事件）： $('p').one('click',function(){ $(this).animate({fontSize:'+=6px'}); }); ..
jQuery event.pageX 属性 jQuery 事件方法 实例 返回鼠标指针的位置： $(document).mousemove(function(event){ $('span').text('X: ' + event.pageX + ', Y: ' + ev..
jQuery event.pageY 属性 jQuery 事件方法 实例 返回鼠标指针的位置： $(document).mousemove(function(event){ $('span').text('X: ' + event.pageX + ', Y: ' + ev..
jQuery event.preventDefault() 方法 jQuery 事件方法 实例 防止链接打开 URL： $('a').click(function(event){ event.preventDefault(); }); 尝试一下 » 定义和用法 event.preventDefault() 方法阻..
jQuery $.proxy() 方法 jQuery 事件方法 实例 强制执行 objPerson 内的 'test' 函数的上下文： $('button').click($.proxy(objPerson,'test')); 尝试一下 » 定义和用法 $.proxy 方法接受一个已有的函数，并返回一个带特定上下文的新的函数。 该方法通常用于向..
jQuery ready() 方法 jQuery 事件方法 实例 使用 ready() 来使函数在文档加载后是可用的： [mycode3 type='js'] $(document).ready(function(){ $('button').click(function(){ $('p').slideToggle(); }); }); [/mycode3]..
jQuery resize() 方法 jQuery 事件方法 实例 对浏览器窗口调整大小进行计数： [mycode3 type='js'] $(window).resize(function(){ $('span').text(x+=1); });[/mycode3] 尝试一下 » 定义和用法 当调整浏览器窗口大小时，发生 resize 事件。 resize() 方法..
jQuery event.result 属性 jQuery 事件方法 实例 返回最后一次 click 事件的值： [mycode2] $('button').click(function(){ return 'Hello world!'; }); $('button').click(function(event){ $('p').html(..
jQuery scroll() 方法 jQuery 事件方法 实例 对元素滚动的次数进行计数： [mycode3 type='js'] $('div').scroll(function(){ $('span').text(x+=1); }); [/mycode3] 尝试一下 » 定义和用法 当用户滚动指定的元素时，会发生 scroll 事件。 sc..
jQuery select() 方法 jQuery 事件方法 实例 当文本域中的文本被选择时，显示提示消息： $('input').select(function(){ alert('文本已选中!'); }); 尝试一下 » 定义和用法 当 textarea 或文本类型的 inp..
jQuery event.stopImmediatePropagation() 方法 jQuery 事件方法 实例 执行第一个事件处理程序，并阻止剩下的事件处理程序被执行： [mycode2] $('div').click(function(event){ alert('事件句柄 1 被执行'); event.stopImmediatePropagation(); }); $(&#..
jQuery event.stopPropagation() 方法 jQuery 事件方法 实例 阻止 click 事件冒泡到父元素： $('span').click(function(event){ event.stopPropagation(); alert('The span element was clicked.');}); $('p..
jQuery submit() 方法 jQuery 事件方法 实例 当提交表单时，显示警告框： $('form').submit(function(){ alert('提交'); }); 尝试一下 » 定义和用法 当提交表单时，会发生 submit 事件。 该事件只适用于 &am..
jQuery toggle() 方法 jQuery 事件方法 实例 当点击 <p> 元素时进行颜色切换： [mycode3 type='js'] $('p').toggle( function(){$('p').css({'color':'red'});}, function(){$('..
jQuery trigger() 方法 jQuery 事件方法 实例 触发 <input> 元素的 select 事件： [mycode3 type='javascript'] $('button').click(function(){ $('input').trigger('select'); }); [/m..
jQuery triggerHandler() 方法 jQuery 事件方法 实例 触发 <input> 元素的 select 事件： [mycode3 type='javascript'] $('button').click(function(){ $('input').triggerHandler('select..
jQuery unbind() 方法 jQuery 事件方法 实例 移除所有 <p> 元素的事件处理程序： $('button').click(function(){ $('p').unbind(); }); 尝试一下 » 定义和用法 unbind() 方法移除被选元素的事件处理程序。 该方法能够移除所有的或被选的事件处理..
jQuery undelegate() 方法 jQuery 事件方法 实例 通过 undelegate() 方法从所有元素移除所有事件处理程序： $('body').undelegate(); 尝试一下 » 定义和用法 undelegate() 方法移除一个或多个由 delegate() 方法添加的事件处理程序。 自 jQuery 版本 1.7 起，on() 和 off()..
jQuery unload() 方法 jQuery 事件方法 实例 当离开页面时，显示提示消息： $(window).unload(function(){ alert('Goodbye!'); }); 尝试一下 » 定义和用法 unload() 方法在 jQuery 版本 1.8 中被废弃，在 ..
jQuery event.which 属性 jQuery 事件方法 实例 返回哪个键盘键被按下： $('input').keydown(function(event){ $('div').html('Key: ' + event.which); }); 尝试一下..