Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery removeAttr() 方法 jQuery HTML/CSS 方法 实例 从所有的 <p> 元素移除样式属性： [mycode3 type='js'] $('button').click(function(){ $('p').removeAttr('style'); }); [/mycode3] 尝..
jQuery removeClass() 方法 jQuery HTML/CSS 方法 实例 从所有的 <p> 元素移除 'intro' 类： [mycode3 type='js'] $('button').click(function(){ $('p').removeClass('intro');..
jQuery removeProp() 方法 jQuery HTML/CSS 方法 实例 添加并移除名为 'color' 的属性： [mycode3 type='js'] $('button').click(function(){ var $x = $('div'); $x.prop('color','FF000..
jQuery replaceAll() 方法 jQuery HTML/CSS 方法 实例 把最后一个 <p> 元素替换为 <span> 元素： [mycode3 type='js'] $('button').click(function(){ $('Hello world!').replaceAll(&..
jQuery replaceWith() 方法 jQuery HTML/CSS 方法 实例 把第一个 <p> 元素替换为新的文本： [mycode3 type='js'] $('button').click(function(){ $('p:first').replaceWith('Hello world!')..
jQuery text() 方法 jQuery HTML/CSS 方法 实例 设置所有 <p> 元素的文本内容： [mycode3 type='js'] $('button').click(function(){ $('p').text('Hello world!'); }); [/mycode3] 尝试一下 » ..
jQuery toggleClass() 方法 jQuery HTML/CSS 方法 实例 对添加和移除所有 <p> 元素的 'main' 类进行切换： [mycode3 type='js'] $('button').click(function(){ $('p').toggleClass('main�..
jQuery unwrap() 方法 jQuery HTML/CSS 方法 实例 移除所有 <p> 元素的父元素： [mycode3 type='js'] $('button').click(function(){ $('p').unwrap(); }); [/mycode3] 尝试一下 » 定义和用法 unwrap() 方..
jQuery val() 方法 jQuery HTML/CSS 方法 实例 设置 <input> 字段的值： [mycode3 type='js'] $('button').click(function(){ $('input:text').val('Glenn Quagmire'); }); [/mycode3] ..
jQuery wrap() 方法 jQuery HTML/CSS 方法 实例 在 <div> 元素中包裹每个 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').wrap(''); }); [/mycode3] ..
jQuery wrapAll() 方法 jQuery HTML/CSS 方法 实例 在 <div> 元素中包裹所有 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').wrapAll(''); }); [/myco..
jQuery wrapInner() 方法 jQuery HTML/CSS 方法 实例 在每个 <p> 元素的内容上包裹 <b> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').wrapInner(''); }); ..
jQuery event.currentTarget 属性 jQuery 事件方法 实例 event.currentTarget 通常等于 this： $('h1,h2,p').click(function(event){ alert(event.currentTarget === this);}); ..
jQuery event.relatedTarget 属性 jQuery 事件方法 实例 返回元素的相关目标： $('div').mouseenter(function(event){ alert('relatedTarget 为: ' + event.relatedTarget); ..
jQuery event.target 属性 jQuery 事件方法 实例 返回哪个 DOM 元素触发了事件： [mycode2] $('p, button, h1').click(function(event){ $('div').html('通过 ' + event.target.nodeName + ' 元素触发。'); }); [/my..
jQuery event.timeStamp 属性 jQuery 事件方法 实例 返回鼠标左键第一次按下到最后一次抬起所消耗的毫秒数： [mycode3 type='js'] $('button').click(function(event){ $('span').text(event.timeStamp); }); [/mycode3] 尝试一下 » ..
jQuery event.type 属性 jQuery 事件方法 实例 返回哪种事件类型被触发： $('p').on('click dblclick mouseover mouseout',function(event){ $('div').html('Event: ' + event.type); }); 尝试一下 ..
jQuery * 选择器 jQuery 选择器 实例 选取文档内的所有元素： $('*') 尝试一下 » 定义和用法 * 选择器选取文档中的所有元素，包括 html、head 和 body。 如果 * 选择器与其他元素一起使用，该选择器选取指定元素中的所有子元素。 提示：* 选择器会对一些浏览器的处理造成负担。 语法 $('*') 尝试一下 ..
jQuery [attribute] 选择器 jQuery 选择器 实例 选取带有 id 属性的每个元素： $('[id]') 尝试一下 » 定义和用法 [attribute] 选择器选取带有指定属性的每个元素。 语法 $('[attribute]') 参数 描述 attribute 必需。规定要查找的属性。 ..
jQuery .class 选择器 jQuery 选择器 实例 选取 class 为 'intro' 的所有元素： $('.intro') 尝试一下 » 定义和用法 .class 选择器选取带有指定 class 的所有元素。 class 引用 HTML 元素的 class 属性。 class 属性用于为多个 HTML 元素设置特定样式。 注意：不要使用数字开头的 cl..
jQuery element 选择器 jQuery 选择器 实例 选取所有 <p> 元素： $('p') 尝试一下 » 定义和用法 element 选择器选取带有指定元素名称的所有元素。 语法 $('element') 参数 描述 element 必需。规定要选取的元素。 尝试一下 - 实例 选取..
jQuery :empty 选择器 jQuery 选择器 实例 选取所有空元素： $(':empty') 尝试一下 » 定义和用法 :empty 选择器选取空的元素。 空元素指的是不包含子元素或文本的元素。 语法 $(':empty') jQuery 选择器..
jQuery :first-child 选择器 jQuery 选择器 实例 选取属于 <p> 的父元素中第一个为 <p> 的元素： $('p:first-child') 尝试一下 » 定义和用法 :first-child 选择器选取属于其父元素的第一个子元素。 提示：请使用 :last-child 选择器来选取属于其父元素的最后..
jQuery :focus 选择器 jQuery 选择器 实例 选取当前具有焦点的元素： $(':focus') 尝试一下 » 定义和用法 :focus 选择器选取当前具有焦点的元素。 提示：该选择器常与一个标签名或者另一个选择器一起使用，如果不这么使用，该选择将等同于 ('*:focus')。 语法 $(':focus') ..