jQuery中next方法用法实例


Posted in Javascript onApril 24, 2015

本文实例讲述了jQuery中next方法用法。分享给大家供大家参考。具体分析如下:

这里演示jQuery中next的用法,可取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素。

可以用一个可选的表达式进行筛选

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>next的用法</title> 
<script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() {
  $("span").click(function(){alert($("p").next(".selected").html());})
  // $("p").next().html() 也可以 
});
</script>
</head>
<body>
<p>Hello</p><p class="selected">这里的内容将显示</p><div>
<span>点我测试</span>
</div>
<!--取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素。
可以用一个可选的表达式进行筛选。 
-->
</body> 
</html>

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

Javascript 相关文章推荐
两个比较有用的Javascript工具函数代码
Feb 17 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 Javascript
理解javascript函数式编程中的闭包(closure)
Mar 08 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
JavaScript你不知道的一些数组方法
Aug 18 Javascript
AngularJS中的路由使用及实现代码
Oct 09 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
express 项目分层实践详解
Dec 10 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 #Javascript
javascript实现的右下角弹窗实例
Apr 24 #Javascript
js上传图片及预览功能实例分析
Apr 24 #Javascript
浅谈jquery事件处理
Apr 24 #Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 #Javascript
JS实现简单的键盘打字的效果
Apr 24 #Javascript
javascript中replace( )方法的使用
Apr 24 #Javascript
You might like
PHP 正则表达式之正则处理函数小结(preg_match,preg_match_all,preg_replace,preg_split)
2012/10/05 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
php获取操作系统语言代码
2013/11/04 PHP
linux使用crontab实现PHP执行计划定时任务
2014/05/10 PHP
php可生成缩略图的文件上传类实例
2014/12/17 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
Python脚本后台运行的几种方式
2015/03/09 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
利用yarn实现一个webpack+react种子
2016/10/25 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
2017/12/24 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
JavaScript实现跟随鼠标移动的盒子
2021/01/28 Javascript
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
Python Tkinter实例——模拟掷骰子
2020/10/24 Python
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
会计学应届毕业生推荐信
2013/11/04 职场文书
竞选学生会主席演讲稿
2014/04/24 职场文书
家长会演讲稿
2014/04/26 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
财政局长个人总结
2015/03/04 职场文书
导游词之鲁迅祖居
2019/10/17 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS