基于jquery的超简单上下翻
更新时间：2010年04月20日 19:55:42 作者：
简单上下翻，函数，获取元素。
复制代码 代码如下:
<html>
<head>
<title>超简单上下翻</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
简单上下翻，函数
<script type="text/javascript">
function UpDown(What) {
var aList = $("#tab a");
var oldnode = aList.get(0);
/*
*获取最后一个元素三种方法
*/
newnode = aList[aList.length - 1];
newnode = aList.get(aList.length - 1);
newnode = $("#tab a:last");
if (What == "up") return $(oldnode).before(newnode);
$(newnode).after(oldnode)
}
</script>
<div id="tab">
<a href='#'> a </a><a href='#'> b </a><a href='#'> c </a><a href='#'> d </a><a href='#'> e </a><a href='#'> f </a></div>
<a href='#' onclick="UpDown('up')">上一个</a>
<a href='#' onclick="UpDown()">下一个</a>
</body>
</html>
相关文章
这篇文章主要介绍了jquery插件实现扫雷游戏的第三篇，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
本篇文章主要是对cookie中的path与domain属性进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
下面就为大家带来一篇jquery对Json的各种遍历方法总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
jQuery是一个快速、简洁的JavaScript框架,目前jQuery有1.x、2.x、3.x三个版本,在jQuery官网（http://jquery.com/）可以查看,2.x、3.x不是 1.x 的后续或者升级版本,他们是同时更新迭代的,现在使用最广的版本都是1.x的2023-09-09
下面小编就为大家带来一篇jquery上下滑动的注意事项。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
下面小编就为大家带来一篇jquery 点击元素后,滚动条滚动至该元素位置的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用Javascript因为浏览器实现的差异，实现起来非常麻烦。但是JQuery可以很简单实现的搞定这一切。2010-02-02
jQuery页面元素动态添加后绑定事件丢失方法,非 live
这篇文章主要介绍了jQuery页面元素动态添加后绑定事件丢失方法,非 live 的相关资料,非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了Jquery使用css方法改变样式的方法,实例分析了jQuery中css方法操作样式的技巧,需要的朋友可以参考下2015-05-05
jQuery Validation实例代码 让验证变得如此容易
众所周知，Jquery以其简洁性让无数人为之疯狂。现在我要像大家介绍一个jQuery Validation，一看到Validation大家肯定第一直观感觉就是这肯定是一个验证框架，没有错，本文就是基于jQuery Validation展开讨论。2010-10-10
最新评论