jQuery以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享24款非常有用的jQuery插件,可以根据您的项目需要来选择使用。
1. jTextTranslateTranslate是一款用于快速翻译文章的插件。
2. UploadifyUploadify是一款用于在你网站集成完全可定制的多文件上传的插件。
3. TopUp一款非常易用的用于在弹窗中显示图片和网页的jQuery插件。
4. TipTipTipTip是一款轻量的、智能的、易于定制的提示插件,可应用与任何元素。
5. FullCalendarFullCalendar是一款用于生成可以拖放的日历的插件。
6. #grid一款用于在网页中插入布局网格的小工具。
7. jQuery Autocomplete一款提供自动完成功能的jQuery插件。
8. UniformUniform是一款可以帮助你制作漂亮的表单元素的jQuery插件。
9. Elastic让你的文本框生成和Facebook风格的一款插件。
10. ContactableContabtable一款用于简化制作联系和反馈表单的的插件。
11. MarkItUp!MarkItUp是一款把文本框(textarea)转换为markup编辑器。
12. AutotabAutotab是一款用于在表单中提供自动跳格(auto-tabbing)和过滤功能的插件。
13. jExpandjExpand是一款非常轻量的jQuery插件,让你的表格更具扩展性。
14. jBreadCrumb一款用于帮助你展示深层嵌套的、命名冗长的网页的插件。
15. Vertical Scroll Menu这是一款用于替代枯燥的水平菜单的插件。
16. Compact News Previewer这款插件可以帮助你以非常好的紧凑的方式展示最新的文章。
17. Pull Out Content Panel这款插件用于显示内容预告,可切换到原始内容页面。
18. Animated Form Switching这一款能帮助你实现完美的表单切换的插件。
19. Mega Drop Down Menu如果你的网站是一个大型的Web项目,这个巨大的菜单式最好的解决方案。
20. Apple-like Retina Effect实现苹果方式浏览图片的一款插件。
21. Simple Accordion这款手风琴效果插件可以帮助你方便的组织网站的内容。
22. gMap一款简单轻量的jQuery插件,可以方便的实现在你的网站中嵌入Google地图。
23. Stylish Content Slider这款内容滑块插件可以改进网站的用户体验。
24. jQuery Confirm Dialog是一款非常好的用于替代旧的确认对话框的jQuery插件。
(编译来源:梦想天空 原文来自:Ultimate List of jQuery Plugins You Should Use on Every Website)

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

Dreamweaver Mac
Visuelle Webentwicklungstools
