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 相关文章推荐
jq实现酷炫的鼠标经过图片翻滚效果
Mar 12 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 Javascript
vue.js实现三级菜单效果
Oct 19 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
编写v-for循环的技巧汇总
Dec 01 Javascript
jQuery实现动态向上滚动
Dec 21 jQuery
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
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
IE/FireFox具备兼容性的拖动代码
2007/08/13 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
Highcharts学习之坐标轴
2016/08/02 Javascript
使用vue编写一个点击数字计时小游戏
2016/08/31 Javascript
原生JS实现图片轮播切换效果
2016/12/15 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
angular 内存溢出的问题解决
2018/07/12 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
js实现滚动条自动滚动
2020/12/13 Javascript
Python list操作用法总结
2015/11/10 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
Python复制Word内容并使用格式设字体与大小实例代码
2018/01/22 Python
python元组和字典的内建函数实例详解
2019/10/22 Python
django rest framework serializers序列化实例
2020/05/13 Python
基于logstash实现日志文件同步elasticsearch
2020/08/06 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
大学军训感言
2014/01/10 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
金融与证券专业求职信
2014/06/22 职场文书
会计学专业求职信
2014/07/17 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
酒会开场白大全
2015/06/01 职场文书
个人收入证明范本
2015/06/12 职场文书
jquery插件实现悬浮的菜单
2021/04/24 jQuery
浅谈pytorch中的dropout的概率p
2021/05/27 Python
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android