好资源导航 » 文章资讯 » jQuery 选择器用法实例分析【prev + next】

jQuery 选择器用法实例分析【prev + next】

2023-07-24 08:30:04 69

本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下：

jQuery选择器(prev+next)

jQuery的prev+next选择器用于匹配紧接在prev元素后面的同辈next元素，将其封装为jQuery对象并返回。

注意：选择器next的查找范围必须是与"prev元素"相邻的下一个元素，并且必须是"prev元素"的同辈元素。

//这里的prev表示具体的选择器

//这里的next表示具体的选择器

jQuery("prev+next")

参数	描述
prev	一个有效的选择器。
next	一个有效的选择器。

返回封装了与"prev元素"紧邻的下一个同辈元素中、符合选择器next的DOM元素的jQuery对象。

虽然与一个"prev元素"紧邻的下一个同辈元素最多只有一个，但是"prev元素"可以有多个，因此匹配到的DOM元素也可以有多个，并且都被封装在返回的jQuery对象中。

如果找不到任何相应的匹配，则返回一个空的jQuery对象

以下面这段代码为例：

/*HTML代码*/


Welcome
Hello


To
w3cschool.cn

/*jQuery代码*/

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。