jQuery Reverse Order plugin

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-13 08:42:14

软件介绍

What is this?

jQuery Reverse Order uses jQuery to reverse the order of DOM elements on your page.

How Do I Use It?

To use jQuery Reverse Order on your site or blog, just follow these simple steps:

Download The Code

Click on the link below to download the source code:

Download

The file, jquery_reverseorder.zip, contains the script, an example page, and the jQuery library. Once downloaded, unzip and upload the script to a relevant location on your hosted site.

Link To The Javascript

Add a link to the jQuery library and to the javascript file in the page(s) you'd like jQuery Reverse Order implemented. Remember to adjust the path to properly point to the location of the javascript file:

<script language="JavaScript" type="Text/JavaScript" src="/path/to/javascript/jquery-1.2.3.min.js"></script>
<script language="JavaScript" type="Text/JavaScript" src="/path/to/javascript/jquery_reverseorder.js"></script>

A packed version is also included in the .zip called "jquery_reverseorder.packed.js".

Choosing which elements to reverse

Create a collection of DOM elements inside a common parent. Here's an example:

<div id="items">
<p class="item">item 1</p>
<p class="item">item 2</p>
<p class="item">item 3</p>
<p class="item">item 4</p>
</div><!-- items -->

Then add a single line of javascript, referencing the items to be reversed, to reverse the order:

$('#items .item').reverseOrder();

You could also use:

$('#items p').reverseOrder();

Examples

Here's another example using the native unordered list as a collection:

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>

Then add a single line of javascript to reverse the order:

$('ul li').reverseOrder();

You can see more examples and uses of jQuery Reverse Order by clicking here.

Supported Browsers

Currently, the jQuery Reverse Order script has been tested and confirmed on the following browsers:

  • Internet Explorer 6.0+
  • Mozilla Firefox 2.0+
  • Apple Safari 2.0+
  • Opera Version 9.0

Licensing

This arc90 tool is licensed under the Creative Commons Attribution-Share Alike 3.0 license.

Discuss jQuery Reverse Order

You can send feedback on jQuery Reverse Order at the arc90 blog.

本文地址:https://codercto.com/soft/d/23271.html

互联网爆破术:快速掌握互联网运营全链条实战技巧

互联网爆破术:快速掌握互联网运营全链条实战技巧

茶文 / 电子工业出版社 / 2018-7 / 49.00元

《互联网爆破术:快速掌握互联网运营全链条实战技巧》是一本实用的互联网运营书籍,可以让读者快速掌握运营全链条的干货技巧和相关模型,涵盖如何有效寻找市场的需求爆破点,通过测试一步步放大并引爆,直至赢利。《互联网爆破术:快速掌握互联网运营全链条实战技巧》非常适合互联网运营人员及互联网创业者阅读,它可以帮读者快速了解互联网运营的核心技巧,并用最低的成本取得成功。本书5大特色:快速入门、实战干货、低成本、系......一起来看看 《互联网爆破术:快速掌握互联网运营全链条实战技巧》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试