jQuery的prev next

1.简述

检索每个段落，找到类名为 "selected" 的前一个同胞元素：

2.代码

<ul><li>list item 1</li><li>list item 2</li><li class="third-item">list item 3</li><li>list item 4</li><li>list item 5</li>
</ul><script>$('li.third-item').prev().css('background-color', 'red');
</script>

3.分析

1.简述

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

2.代码

<body>
<ul><li>list item 1</li><li>list item 2</li><li class="third-item">list item 3</li><li>list item 4</li><li>list item 5</li>
</ul>$('li.third-item').next().css('background-color', 'red');

jQuery的prev next相关推荐

jQuery 遍历 - prev() 方法
定义和用法 prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素,通过选择器进行筛选是可选的. .prev(selector) 参数描述 selector 字符串值,包含用于匹配元素的选择器 ...
jQuery-1.9.1源码分析系列（二）jQuery选择器续2——筛选
前面分析了选择器的结构和几个解析函数,接下来分析jQuery对象的伪类选择器.这里所谓的jQuery对象的伪类选择器就是从已有的jQuery对象(元素集合)中筛选出指定的集合出来. 4. jQu ...
jquery iframe 返回上一页_你不需要jQuery
前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操 ...
原生JS替代jQuery的各种方法汇总
前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操 ...
前端开发工具之jQuery
jQuery jQuery是一个轻量级的JavaScript第三方库,能够简单方便的进行JavaScript编程. jQuery选择器 1,id选择器: $("#id") 2,标签 ...
原生js替换jQuery各种方法-中文版
原文https://github.com/nefe/You-D... You Don't Need jQuery 前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Ev ...
jquery教程_jQuery教程
jquery教程 I have written a lot of jQuery tutorial articles. This is an index post for all the jQuery ...
jQuery方法返回jQuery对象还是DOM对象
jQuery方法返回jQuery对象还是DOM对象 1.$()获取的对象都是jQuery对象 $("选择器") $("<tr></tr>" ...
使用原生JavaScript
如果你只需要针对现代浏览器,很多功能使用原生的 JavaScript 就可以实现. DOM Selectors //jQuery var ele = $("#id .class") ...

jQuery的prev next

PREV

1.简述

2.代码

3.分析

NEXT

1.简述

2.代码

jQuery的prev next相关推荐

最新文章

热门文章