jquery next()
类别:Web前端 浏览量:1223
时间:2015-7-9 jquery next()
jquery next()jQuery中next()方法表示取得每个匹配的元素的后一个同辈元素的元素集合.
概念中有下面几点需要特别注意:
1、"紧邻",也就是说获取的元素必须是匹配元素所紧邻的,中间不能够有其他的元素间隔。
2、"同辈",也就是说获取的元素必须和匹配的是同级元素。
3、"后面",也就是说获取的元素必须位于匹配元素的后面。
一、语法
.next(selector)
参数说明
selector:可选。筛选表达式。
二、jQuery中next()实例
1、将所有p元素后面紧邻的同辈元素的字体颜色设置为蓝色。
<script type="text/javascript"> $(document).ready(function(){ $("p").next().css("color","blue") }) </script> <li class="father"> <p>我是p元素</p> <span>我是span元素</span> <p>我是p元素</p> <li>我是li元素</li> </li>
2、将p元素后面紧邻的同辈元素中的span元素的字体衍射设置为蓝色
<script type="text/javascript">
$(document).ready(function(){
$("p").next("span").css("color","blue")
})
</script>
<li class="father">
<p>我是p元素</p>
<span>我是span元素</span>
<span>我是span元素111</span>
<p>我是p元素</p>
<li>我是li元素</li>
</li>
标签:jquery
您可能感兴趣
- jQuery end()
- jquery中filter
- 如何用jquery进行表单验证(jQuery实现发送验证码控制按钮禁用功能)
- jquery操作table
- jquery抛物线动画加入购物车
- jQuery里$(this)和this的区别有哪些
- jquery中wrap、wrapAll、wrapInner
- jquery filter方法
- jQuery商品属性选择的实现
- javascript和jquery的区别详解(JavaScript与JQuery框架基础入门教程)
- jquery属性选择器
- jQuery判断对象是否存在
- jquery中one()的用法
- jquery添加商品(jquery实现购物车功能)
- jquery 增加表格(jquery实现表格无缝滚动)
- jquery中return this.each的作用
- 九月初,爱如蜜糖,甜到心扉,迷恋彼此,一日不见兮,思之若狂(九月初爱如蜜糖)
- ()
- 对你思念入骨的女人,跟你见面时会有这几种表现,藏都藏不住(对你思念入骨的女人)
- 纳兰性德绝美作,一场重逢,成就最后一首称得上惊艳的《如梦令》(纳兰性德绝美作)
- 如何快速赚钱(如何快速赚钱方法真实有效)
- 这里输入关键词(如何输入关键词)
热门推荐
- python 常用模块函数(Python OOP类中的几种函数或方法总结)
- laravel设置跨域请求(解决laravel 出现ajax请求419unknown status的问题)
- mysql实现mvc(mysql的MVCC多版本并发控制的实现)
- php 静态方法(PHP的静态方法与普通方法用法实例分析)
- asp.net文件下载的方法
- css 自适应手机屏幕(Css实现手机端页面强制横屏的方法示例)
- mysql重复插入数据教程(Mysql避免重复插入数据的4种方式)
- html中的特殊符号编码
- apache安装与配置windows(Apache 安装和使用文档)
- sqlserver数据库还原教程(SQL Server通过重建方式还原master数据库)