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://www.codercto.com/soft/d/23271.html

网络机器人Java编程指南

网络机器人Java编程指南

美 Heaton J. / 电子工业出版社 / 2002-7 / 44.00元

这是一本研究如何实现具有Web访问能力的网络机器人的书。该书从Internet编程的基本原理出发,深入浅出、循序渐进地阐述了网络机器人程序Spider、Bot、Aggregator的实现技术,并分析了每种程序的优点及适用场合。本书提供了大量的有效源代码,并对这些代码进行了详细的分析。通过本书的介绍,你可以很方便地利用这些技术,设计并实现网络蜘蛛或网络信息搜索器等机器人程序。 适合于具有一起来看看 《网络机器人Java编程指南》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具