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

Linux内核设计与实现

Linux内核设计与实现

拉芙 / 陈莉君、唐华、张波 / 机械工业出版社 / 2006-1 / 38.00元

《Linux内核设计与实现》基于Linux2.6内核系列详细介绍Linux内核系统,覆盖了从核心内核系统的应用到内核设计与实现等各方面的内容。主要内容包括:进程管理、系统调用、中断和中断处理程序、内核同步、时间管理、内存管理、地址空间、调试技术等。本书理论联系实践,既介绍理论也讨论具体应用,能够带领读者快速走进Linux内核世界,真正开发内核代码。 本书适合作为高等院校操作系统课程的教材......一起来看看 《Linux内核设计与实现》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具