Learning Path

jQuery tutorials

Browse tutorials and chapters for jQuery.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

353

TUTORIALFrontendFetched/jQuery

jQuery first() 方法

jQuery first() 方法 jQuery 遍历方法实例选取第一个 <div> 元素内的第一个 <p> 元素： $('div p').first() 尝试一下 » 定义和用法 first() 方法返回被选元素的第一个元素。提示：如需返回最后一个元素，请使用 last() 方法。语法 $(selector).f..

TUTORIALFrontendFetched/jQuery

jQuery has() 方法

jQuery has() 方法 jQuery 遍历方法实例返回拥有一个 <span> 元素在其内的所有 <p> 元素： $('p').has('span') 尝试一下 » 定义和用法 has() 方法返回拥有匹配指定选择器的一个或多个元素在其内的所有元素。提示：如需选取拥有多个元素在其内的元素，请使用..

TUTORIALFrontendFetched/jQuery

jQuery is() 方法

jQuery is() 方法 jQuery 遍历方法实例如果 <p> 的父元素是 <div> 元素，弹出提示信息: if ($('p').parent().is('div')) {    alert('p 的父元素是 div'); } ..

TUTORIALFrontendFetched/jQuery

jQuery last() 方法

jQuery last() 方法 jQuery 遍历方法实例选取最后一个 <div> 元素内的最后一个 <p> 元素： $('p').last() 尝试一下 » 定义和用法 last() 方法返回被选元素的最后一个元素。提示：如需返回第一个元素，请使用 first() 方法。语法 $(selector).last(..

TUTORIALFrontendFetched/jQuery

jQuery next() 方法

jQuery next() 方法 jQuery 遍历方法实例返回带有类名 'start' 的每个 <li> 元素的后一个同级元素： $(document).ready(function(){ $('li.start').next().css({'color':'red','border..

TUTORIALFrontendFetched/jQuery

jQuery nextAll() 方法

jQuery nextAll() 方法 jQuery 遍历方法实例返回带有类名 'start' 的每个 <li> 元素之后的所有同级元素： $(document).ready(function(){ $('li.start').nextAll().css({'color':'red','bor..

TUTORIALFrontendFetched/jQuery

jQuery nextUntil() 方法

jQuery nextUntil() 方法 jQuery 遍历方法实例返回在类名为 'start' 和 'stop' 的两个 <li> 元素之间的所有同级元素： [mycode3 type='js'] $(document).ready(function(){ $('li.start').nextUntil(&..

TUTORIALFrontendFetched/jQuery

jQuery not() 方法

jQuery not() 方法 jQuery 遍历方法实例返回不带有类名 'intro' 的所有 <p> 元素： $('p').not('.intro') 尝试一下 » 定义和用法 not() 方法返回不符合一定条件的元素。该方法让您规定一个条件。不符合条件的元素将从选择中返回，符合条件的元素将被移除。该方..

TUTORIALFrontendFetched/jQuery

jQuery offsetParent() 方法

jQuery offsetParent() 方法 jQuery 遍历方法实例设置 <p> 元素的最近的被定位的父元素的背景颜色： $('button').click(function(){ $('p').offsetParent().css('background-color','red'); }..

TUTORIALFrontendFetched/jQuery

jQuery parent() 方法

jQuery parent() 方法 jQuery 遍历方法实例返回 <span> 的直接父元素： $(document).ready(function(){ $('span').parent().css({'color':'red','border':'2px solid red..

TUTORIALFrontendFetched/jQuery

jQuery parents() 方法

jQuery parents() 方法 jQuery 遍历方法实例返回 <span> 的所有祖先元素： $(document).ready(function(){ $('span').parents().css({'({'color':'red','border':'2px sol..

TUTORIALFrontendFetched/jQuery

jQuery parentsUntil() 方法

jQuery parentsUntil() 方法 jQuery 遍历方法实例返回介于 <span> 和 <div> 之间的所有祖先元素： $(document).ready(function(){ $('span').parentsUntil('div').css({'color':'..

TUTORIALFrontendFetched/jQuery

jQuery prev() 方法

jQuery prev() 方法 jQuery 遍历方法实例返回带有类名 'start' 的每个 <li> 元素的前一个同级元素： [mycode3 type='js'] $(document).ready(function(){ $('li.start').prev().css({'color':'..

TUTORIALFrontendFetched/jQuery

jQuery prevAll() 方法

jQuery prevAll() 方法 jQuery 遍历方法实例返回带有类名 'start' 的每个 <li> 元素之前的所有同级元素： [mycode3 type='js'] $(document).ready(function(){ $('li.start').prevAll().css({'color'..

TUTORIALFrontendFetched/jQuery

jQuery prevUntil() 方法

jQuery prevUntil() 方法 jQuery 遍历方法实例返回在类名为 'start' 和 'stop' 的两个 <li> 元素之间的所有同级元素： $(document).ready(function(){ $('li.start').nextUntil('li.stop').css({&..

TUTORIALFrontendFetched/jQuery

jQuery siblings() 方法

jQuery siblings() 方法 jQuery 遍历方法实例返回带有类名 'start' 的每个 <li> 元素的所有同级元素： [mycode3 type='js'] $(document).ready(function(){ $('li.start').siblings().css({'color'..

TUTORIALFrontendFetched/jQuery

jQuery slice() 方法

jQuery slice() 方法 jQuery 遍历方法实例从带有索引号为 2 的 <p> 元素开始选中 <p> 元素： $('p').slice(2) 尝试一下 » 定义和用法 slice() 方法选取基于索引的元素的子集。子集是一个属于大的集合中的一部分的集合。该方法用于通过开始点和结束点来限制组合中元素的选择：..