jQuery中next()方法作用是什么，怎样使用
导读：这篇文章主要给大家介绍“jQuery中next( 方法作用是什么，怎样使用”的相关知识，下文通过实际案例向大家展示操作过程，内容简单清晰，易于学习，有这方面学习需要的朋友可以参考，希望这篇“jQuery中next( 方法作用是什么，怎样使用...
这篇文章主要给大家介绍“jQuery中next()方法作用是什么，怎样使用”的相关知识，下文通过实际案例向大家展示操作过程，内容简单清晰，易于学习，有这方面学习需要的朋友可以参考，希望这篇“jQuery中next()方法作用是什么，怎样使用”文章能对大家有所帮助。next()方法方法获得匹配元素集合中每个元素紧邻的同辈元素。也可以使用可选的表达式对同辈元素集合进行筛选。
语法结构:
代码如下: $(selector).next(expr)
参数列表:
| 参数 | 描述 |
| expr | 可选。用于筛选的表达式 |
实例代码:
实例一:
代码如下:!DOCTYPE HTML>
html>
head>
meta charset="utf-8"/>
meta name="author" content="//www.jb51.net/" />
title> next()函数-码农之家/title>
style type="text/css">
.father
{
height:200px;
width:200px;
border:1px solid blue;
}
/style>
script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"> /script>
script type="text/javascript">
$(document).ready(function(){
$("p").next().css("color","blue")
} )
/script>
/head>
body>
div class="father">
p> 我是p元素/p>
span> 我是span元素/span>
p> 我是p元素/p>
div> 我是div元素/div>
/div>
/body>
/html>
将每一个p元素紧邻的元素中的字体颜色设置为蓝色。
实例二:
代码如下:
html>
head>
meta charset="utf-8"/>
meta name="author" content="//www.jb51.net/" />
title> next()函数-码农之家/title>
style type="text/css">
.father
{
height:200px;
width:200px;
border:1px solid blue;
}
/style>
script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"> /script>
script type="text/javascript">
$(document).ready(function(){
$("p").next("span").css("color","blue")
} )
/script>
/head>
body>
div class="father">
p> 我是p元素/p>
span> 我是span元素/span>
p> 我是p元素/p>
div> 我是div元素/div>
/div>
/body>
/html>
将与p元素紧邻的span元素中的字体颜色设置为蓝色。
到此这篇关于“jQuery中next()方法作用是什么，怎样使用”的文章就介绍到这了，感谢各位的阅读，更多相关jQuery中next()方法作用是什么，怎样使用内容，欢迎关注网络资讯频道，小编将为大家输出更多高质量的实用文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： jQuery中next()方法作用是什么，怎样使用
本文地址： https://pptw.com/jishu/655128.html