Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery 多个类 选择器 jQuery 选择器 实例 选取 class 为 'intro'、'demo' 或 'end' 的所有元素： $('.intro,.demo,.end') 尝试一下 » 定义和用法 .class 选择器可用于选取多个 class。 注意：用逗号分隔每个 class。 注意：不要使用数字开头的 c..
jQuery 多个元素 选择器 jQuery 选择器 实例 选取所有 <h2>、<div> 和 <span> 元素： $('h2,div,span') 尝试一下 » 定义和用法 element 选择器可用于选取多个 element。 注意：用逗号分隔每个 element。 语法 $('..
jQuery [name=”value”][name2=”value2″] 选择器 jQuery 选择器 实例 通过复合选择器查找符合条件的输入框，并设置值。 [mycode3 type='javascript'] $(function () { $( 'input[id][name$='man']' ).val( '只有这个输入框�..
jQuery :nth-child() 选择器 jQuery 选择器 实例 选取属于其父元素的第三个子元素的每个 <p> 元素： $('p:nth-child(3)') 尝试一下 » 定义和用法 :nth-child(n) 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素。 提示：请使用 :nth-of-type() 选择器来选取属于其父元素的特定类型的第 ..
jQuery :nth-last-child() 选择器 jQuery 选择器 实例 选取属于其父元素的第三个子元素的 <p> 元素，从最后一个子元素开始计数： $('p:nth-last-child(3)') 尝试一下 » 定义和用法 :nth-last-child(n) 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素，从最后一个子元素开始..
jQuery :nth-last-of-type() 选择器 jQuery 选择器 实例 选取属于其父元素的第三个 <p> 元素的每个 <p> 元素，从最后一个子元素开始计数： $('p:nth-last-of-type(3)') 尝试一下 » 定义和用法 :nth-last-of-type(n) 选择器选取属于其父元素的特定类..
jQuery :nth-of-type() 选择器 jQuery 选择器 实例 选取属于其父元素的第三个 <p> 元素的每个 <p> 元素： $('p:nth-of-type(3)') 尝试一下 » 定义和用法 :nth-of-type(n) 选择器选取属于其父元素的特定类型的第 n 个子元素的所有元素。 提示：请使用 :nth..
jQuery :odd 选择器 jQuery 选择器 实例 选择每个相隔的（奇数）<tr> 元素： $('tr:odd') 尝试一下 » 定义和用法 :odd 选择器选取带有奇数索引号的每个元素（比如：1、3、5 等等）。 索引值从 0 开始，第一个元素是偶数 (0)，第二个元素是奇数 (1)，以此类推。 最常见的用法：与其他选择器一起使用，选取指..
jQuery :only-child 选择器 jQuery 选择器 实例 选取属于其父元素的唯一子元素的每个 <p> 元素： $('p:only-child') 尝试一下 » 定义和用法 :only-child 选择器选取属于其父元素的唯一子元素的每个元素。 语法 $(':only-child') jQuery 选择器..
jQuery :only-of-type 选择器 jQuery 选择器 实例 选取属于其父元素的唯一 <p> 元素的每个 <p> 元素： $('p:only-of-type') 尝试一下 » 定义和用法 :only-of-type 选择器选取属于其父元素的特定类型的唯一子元素的每个元素。 语法 $(':onl..
jQuery parent > child 选择器 jQuery 选择器 实例 选取 <div> 元素的直接子元素的 <span> 元素： $('div > span') 尝试一下 » 定义和用法 ('parent > child') 选择器选取指定元素的直接子元素的..
jQuery 父后代 选择器 jQuery 选择器 实例 选取 <div> 元素的后代的所有 <span> 元素： $('div span') 尝试一下 » 定义和用法 ('parent descendant') 选择器选取指定元素的后代的所有元素。 元素的后代可以是元素的第一代、第二代、第三代等等。 语..
jQuery :parent 选择器 jQuery 选择器 实例 选取所有带有子元素或包含文本的 <td> 元素： $('td:parent') 尝试一下 » 定义和用法 :parent 选择器选取所有包含子节点或文本节点的父元素。 :parent 与 :empty 相反。 需要注意的一件重要的事情是 :parent (和 :empty) 所涉及的子元素，..
jQuery element + next 选择器 jQuery 选择器 实例 选取与每个 <div> 元素相邻的下一个 <p> 元素： $('div + p') 尝试一下 » 定义和用法 ('element + next') 选择器选取指定元素 'element' 的下元素 '..
jQuery element ~ siblings 选择器 jQuery 选择器 实例 选取 <div> 元素同级的所有 <p> 元素： $('div ~ p') 尝试一下 » 定义和用法 ('element ~ siblings') 选择器选取指定元素 'element' 同级的所有元素..
jQuery :visible 选择器 jQuery 选择器 实例 选取所有可见的 <p> 元素： $('p:visible') 尝试一下 » 定义和用法 :visible 选择器选取当前可见的每个元素。 除以下几种情况之外的元素即是可见元素： 设置为 display:none 带有 type='hidden' 的表单元素 ..
jQuery add() 方法 jQuery 遍历方法 实例 把 <p> 和 <span> 元素添加到已存在的元素组合中（<h1>）： $('h1').add('p').add('span') 尝试一下 » 定义和用法 add() 方法把元素添加到已存在的元素组合中。..
jQuery children() 方法 jQuery 遍历方法 实例 返回 <ul> 的直接子元素： $(document).ready(function(){ $('ul').children().css({'color':'red','border':'2px solid red..
jQuery closest() 方法 jQuery 遍历方法 实例 返回 <span> 的第一个祖先元素，是一个 <ul> 元素： [mycode3 type='js'] $(document).ready(function(){ $('span').closest('ul').css({'color..
jQuery contents() 方法 jQuery 遍历方法 实例 查找 <div> 元素内所有的文本节点，并把它们用 <b> 元素包裹起来： $('div').contents().filter('em').wrap('<b/>'); 尝试一下 » 定义..
jQuery each() 方法 jQuery 遍历方法 实例 输出每个 <li> 元素的文本： [mycode3 type='javascript'] $('button').click(function(){ $('li').each(function(){ alert($(this).text()) ..
jQuery eq() 方法 jQuery 遍历方法 实例 选取第二个 <p> 元素（索引号为 1）： $('p').eq(1).css('background-color','yellow'); 尝试一下 » 定义和用法 eq() 方法返回带有被选元素的指定索引号的元素。 索引号从 0 开头，所以第一个元素的索引..
jQuery filter() 方法 jQuery 遍历方法 实例 返回带有类名 'intro' 的所有 <p> 元素： $('p').filter('.intro') 尝试一下 » 定义和用法 filter() 方法返回符合一定条件的元素。 该方法让您规定一个条件。不符合条件的元素将从选择中移除，符合条件的元素将..
jQuery find() 方法 jQuery 遍历方法 实例 返回 <ul> 后代中所有的 <span> 元素： $(document).ready(function(){ $('ul').find('span').css({'color':'red','border..