jQuery点击显示隐藏更多文字内容插件

Hide/Reveal Long Text On Demand

jQuery.moreContent

jQuery显示/隐藏更多文字内容插件

可用方法:

示例:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

2007年7月,jQuery 1.1.3版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月,jQuery 1.2版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQuery UI项目也开始启动,这个新的套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放、拖拽、排序)的工具。

2008年5月,jQuery 1.2.6版发布,这版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中,同时也修改了许多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升级到1.2.6,那么完全可以从代码中排除Dimensions插件(一个获得元素尺寸、定位的插件)。

在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和诺基亚公司正式宣布支持开源的jQuery库,另外,微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。

Lorem ipsum dolor #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis eget magna quis tempus. Sed rutrum ornare arcu non auctor. Suspendisse eu bibendum lacus. Sed pulvinar, lacus sed facilisis aliquet, quam nisi fermentum erat, vel vestibulum magna quam in mi. Vivamus sapien odio, cursus ac sagittis et, molestie non turpis. Mauris fringilla, enim a vehicula dictum, leo nunc lobortis dolor, ut consectetur mauris risus sit amet mauris. Sed posuere id diam ac volutpat. Duis at fringilla magna, pharetra accumsan neque.

Sed feugiat ac diam a placerat. Nam nulla diam, maximus ut luctus eu, pretium sit amet mi. Sed a consectetur quam, et placerat nulla. Nam finibus ex dolor, ac gravida massa egestas nec. Duis pulvinar lacinia hendrerit. Sed vehicula vulputate nisl, quis molestie tellus egestas et. Vivamus nisi magna, pulvinar ac imperdiet eget, feugiat sit amet justo. Nullam imperdiet elit eu mauris bibendum rhoncus. Integer pulvinar facilisis tellus semper venenatis. Donec auctor tempus justo quis eleifend.

Fusce sollicitudin sollicitudin porta. Mauris volutpat vitae ante nec laoreet. Suspendisse condimentum dolor at diam placerat euismod. Aenean mattis mauris varius, imperdiet nulla efficitur, finibus risus. Cras luctus nulla ac egestas consectetur. Suspendisse pretium nulla sit amet nisl rhoncus, hendrerit bibendum turpis rutrum. Sed ultricies molestie porttitor. Duis consectetur aliquam purus, in eleifend lorem. Fusce facilisis nulla vel iaculis cursus. Fusce blandit suscipit tincidunt. Suspendisse ultrices vulputate urna. Cras tristique lacinia neque, eu consectetur nisi hendrerit eget. Nullam in malesuada metus. Nunc sit amet iaculis ex, vulputate maximus mi.

Nulla id eros sed lacus tincidunt facilisis. Pellentesque at blandit metus. Aliquam vitae vehicula quam. Duis velit libero, dictum sed enim non, accumsan tempor justo. Nulla non semper nunc, sit amet vehicula augue. Vivamus egestas cursus orci, vel pretium purus dictum id. Nulla eu interdum erat, nec mollis metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst. Etiam quis arcu id ante pellentesque aliquam in sit amet velit. Praesent fermentum sodales erat, ac varius turpis pretium a. Nam ac sodales justo.

In ultricies nulla arcu, eget ultricies massa bibendum vel. Donec quis ante lorem. Suspendisse semper mi ut euismod vestibulum. Suspendisse facilisis elementum turpis ut dictum. Aenean magna justo, congue vel maximus ac, porta vitae ipsum. Pellentesque aliquet, eros id condimentum vestibulum, ligula mauris imperdiet metus, eu hendrerit leo ligula et nulla. Mauris massa risus, malesuada ut convallis sit amet, maximus id velit. Nunc tincidunt quam ut consequat imperdiet. Curabitur vel lectus dapibus, congue erat vel, pellentesque eros. Praesent cursus fringilla erat nec tincidunt. Sed vel arcu dignissim, rutrum est eu, molestie felis.

In ultricies nulla arcu, eget ultricies massa bibendum vel. Donec quis ante lorem. Suspendisse semper mi ut euismod vestibulum. Suspendisse facilisis elementum turpis ut dictum. Aenean magna justo, congue vel maximus ac, porta vitae ipsum. Pellentesque aliquet, eros id condimentum vestibulum, ligula mauris imperdiet metus, eu hendrerit leo ligula et nulla. Mauris massa risus, malesuada ut convallis sit amet, maximus id velit. Nunc tincidunt quam ut consequat imperdiet. Curabitur vel lectus dapibus, congue erat vel, pellentesque eros. Praesent cursus fringilla erat nec tincidunt. Sed vel arcu dignissim, rutrum est eu, molestie felis.