由于项目开发需要，经常会用到一些jquery插件，但网上已有的插件常常又不能100%满足业务需求，所以就想自己能看懂插件的代码，进行一些功能上的改动和补充，或者能自己自定义插件就更好了。所以这段时间会对插件进行一些研究，现将学习的一些重要内容记录下来，供那些像我一样的初学者借鉴下。嘻嘻。 （一
转载
2024-01-10 22:44:02
88阅读
jQuery插件是基于jQuery开发的js脚本库，是对jQuery的有效扩展。正因为有很多人把自己的开发成果以插件的形式共享，所以jQuery就好像一个取之不竭的宝藏。只要你用心寻找，总会找到需要的插件。也许有时候你正准备自己编码实现一个功能，却意外地发现有人已经把它做成插件共享，你只需下载并引用插件就可以了。 JQuery插件可以分为以下三种类型：
（
1）封装jQuery
转载
2023-11-02 19:00:16
14阅读
# jQuery UI 插件原理解析
jQuery UI 是一个建立在 jQuery 基础上的用户界面库，提供了许多可复用的组件和交互功能，比如日期选择器、拖放功能和对话框等。本文将介绍 jQuery UI 插件的基本原理，并通过代码示例来深入理解。
## jQuery 插件的基本结构
在 jQuery 中，插件通常是通过扩展 jQuery 对象来实现的。下面是创建 jQuery 插件的基本
在web2.0时代，熟练的使用ajax是每个前端攻城师必备的技能。然而由于受到浏览器的限制，ajax不允许跨域通信。JSONP就是就是目前主流的实现跨域通信的解决方案。虽然在在jquery中，我们可以通过$.ajax的dataType设置为jsonp来调用jsonp，但是jsonp和ajax的实现原理一个关系都木有。jsonp主要是通过script可以链接远程url来实现跨域请求的。如
转载
2023-12-17 10:52:26
53阅读
一般，我们对Jquery的扩展有两种形式注册在$.fn命名空间的插件扩展注册在$命名空间的工具函数扩展插件扩展一般是依赖Dom节点的，也就是我们常见的插件启动往往是这种形式的：$('#target').plugin(options);工具是不依赖Dom节点的，如 $.extend()、 $.parseJSON() 方法。一个典型的Jquery插件一般会包含如下几部分:Jquery库_插件的jQu
转载
2023-08-07 20:09:58
48阅读
对于前端小白来说，能够使用jQuery写出轮播图，是具有重要意义的！小小的轮播图原理，涉及到许多前端的知识呢，首先布局上，要了解到重要的overflow属性，关于点击的小图标还要明白position属性以及能够熟练的运用。说白了，简单的轮播原理就是小圈套大圈，然后让他仅仅展示一部分，再给一个周期函数，让他根据时间自己去完成动画效果，可是 大道理人人都懂，“小情绪”难以自控呀！今天我们分享出完整的轮
转载
2024-05-19 11:41:58
150阅读
Wow Slider
WOW Slider是一款小巧易用的网页滑块设计。该软件内置大量的模版和工具，让你轻松设计出完美的视觉效果。他还可以帮助用户在短时间内创造出梦幻般的滑块，而无需编码和图像编辑，是很不错的图像滑块设计工具。Nivo SliderNivo Slider是一款出色的jQuery幻灯片插件,支持多种切换效果,可定制性强.Simple Multi-Item Slider
一
转载
2024-05-27 16:43:58
48阅读
有许多优秀的jquery插件网站，简要记录如下：一、Boot strap：栅格、响应式布局网址：http://www.bootcss.com/，二、Font Awesome：字体网址：http://fontawesome.io/三、bxslider：轮播图网址：http://bxslider.com/四、jQuery Easy UI网址：http://www.jeasyui.com/downloa
转载
2023-05-22 10:46:23
259阅读
jQuery插件分类3中： 1.封装对象方法的插件。 2.封装全局函数的插件。 3.选择器插件。 jQuery插件机制 jQuery提供了两个用于扩展jQuery功能的方法： 1.jQuery.fn.extend()方法——封装对象方法。 代码如下： ;(function($){ 这里写插件代码 })(jQuery); 2.jQuery.extend()方法——封
转载
2023-06-07 17:15:40
217阅读
jQuery插件的使用 本文使用JQuery官网的JQuery UI的一个插件做简单介绍。首先在说插件之前说两句： 第一、什么是JQ插件： JQ插件相当于JQ的封装。好比JQ是JS的封装，只不过插件已经完成功能了。好比面包： JS是小麦，JQ是面包片，JQ插件是成品的面包！ 第二、为什么要用JQ插件: JQ插件前面已经说过了。是个成品的东西。具体到。比如登录框，日历表。各种成品下拉框，按钮，等等。
转载
2023-07-11 00:42:20
158阅读
jQuery 插件开发模式jQuery 的插件开发模式主要有三种：通过$.extend()来扩展jQuery通过$.fn向jQuery添加新的方法通过$.widget()应用jQuery UI 的部件工厂方式创建这里我们选用第二种：$.fn.myplugin = functin() {
// plugin code
}
$.fn.myplugin = functin() {
//
转载
2023-10-10 22:20:56
105阅读
[5/13更新]1，增加对bootstrap的支持，（仅仅是用了bootstrap的样式，行为还是由本插件接管）2，添加了bootstrap的示例页面现在这种东西网上一抓一大把，而且也都很成熟，自己做一个一是轻量级，完全自定义，二也就一些人问我要一些轻量级插件的时候我推荐给他们用吧，毕竟出了问题我可以直接改，也不需要读别人的代码了，基本需求：1，拖拽插件 可对
转载
2023-11-15 06:30:47
177阅读
作者只是简单的贴出了colortips这个插件的示例和代码，同时提取出了jquery插件的基础模板：1. (function($){
2. $.fn.插件名= function(settings){
3. //默认参数
4. var defaultSettings = {
5.
6. }
7.
8.
转载
2024-03-06 22:42:06
47阅读
前面我们学会了如何封装一个插件，并且做了一个简单的拖拽效果的插件，现在我们需要再完善一下这个插件。 首先，我们知道，很多插件其实是可以配置参数的插件的参数怎么做呢？我们来看一下，此处我们做一个改变div宽度和高度的插件（简单到丧心病狂）;(function($){
var defaults={
width:300,
height:200
};
$.fn.changeDiv=
转载
2023-12-28 11:22:26
51阅读
11个新鲜、实用的jQuery插件推荐 1. rlightbox : A jQuery UI Mediabox rlightbox是一个轻量级的jQuery插件，它可以用来展示多样的内容，比如图片、视频、Flash动画等，它还可以自适应浏览器的宽高。 除此之外，它拥有一些其他同类插件所没有的功能：可实现只展示图片的一部分，通过拖动来查看图片其它部分。因为它是基于jQuery UI的，
转载
2023-08-27 18:40:30
192阅读
制作jquery文字提示插件—jquery插件实战教程（1） 很多朋友向明河请教如何写jquery插件，今天在浏览tutorialzine时候有篇教程讲解如何写个jquery文字提示插件，这插件很简单，很适合用于讲解jquery插件机制，明河也借此抛砖引玉先讲解具体一个插件，这个插件名为：Colortip，然后在下篇教程讲解jquery插件机制。效果如下图，鼠标滑过链接出现文字提示，提示框的背景
转载
2023-07-24 22:51:28
98阅读
先前一直在纠结什么时候才能自己写一个jQuery插件，于是在网上找了一大把的资料，但是苦于自己太蠢看不懂所以就耽搁了下来，今天找到了一个jQuery插件编写的视频教程，于是就自己看完后，写了一个小小的插件，及一些看视频时了解到的写插件时的注意事项。以下就是一些例子及注意事项：类级别的插件编写1）直接给jQuery添加全局函数首先在创建好的demo1.js中编写如下代码：jQuery.myAlert
转载
2023-09-18 14:34:30
86阅读
Aquaron包含了10个相当不错的jQuery插件。并附有源代码，实例和详细的开发文档。 post插件——简单地实现AJAX提交数据功能。 PLAIN TEXT JavaScript: $.post('/script.cgi', 'q=searchstring', function($j) { var _o = eval($j); ...
原创
2021-07-02 15:14:12
567阅读
1. fullpage 插件（全屏）1.1 使用方法引入文件<link rel="stylesheet" href="css/jquery.fullPage.css">
<script src="js/jquery.min.js"></script>
<!-- jquery.easings.min.js 是必须的，用于 easing 参数，也可以使用完整的
转载
2024-08-07 10:51:10
44阅读
jquery插件开发模式 jquery插件一般有三种开发方式： 通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建 第一种$.extend()相对简单，一般很少能够独立开发复杂插件，第三种是一种高级的开发模式，本文也不做介绍。第二种则是一般插件开发用到的方式，本文着重讲讲第二种。 插件开发 第二种
转载
2023-11-17 21:40:24
75阅读
