jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.A
转载 2023-12-11 12:59:36
54阅读
1.index.html jQuery插件扩展实例 徐同保2.运行结果
原创 2021-07-27 19:33:53
183阅读
jQuery插件扩展实例
原创 2022-06-30 17:02:28
62阅读
       我们在做web的时候都会用到很多jQuery插件,这些插件可以很方便的使用。但对于初学者来说想要修改插件中的一些功能,或者想要自定义插件却不是容易的事情。自己也刚好在学习这部分的知识,这里用一个案例来介绍jQuery插件的使用和写法。 就拿单页导航这个插件来举例吧,one-page-nav写的比较规范代码也比较短。其他jQuery插件大同小异,
封装jQuery对象方法的插件表格隔行变色插件CSS部分: .even{ background:#CCC; } .odd{ background:#666; } .selected{ background:#F90; } DOM结构: <table id="table1"> <tbody> <tr><th>选择</
很多公司的前端设计开发人员都是女孩子,而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中,JavaScript技能又是必不可少的。所以,如果前端小MM正在为某个JavaScript效果发愁的时候,你潇洒的过去,然后对她说:“嗨,美女,用这个吧。这是我写的一个jQuery插件。”我想基本上你的人生大事就能很快解决。先想好做个什么功能 这是第一步,也是很重要的一步,鉴于咱们
转载 2024-08-16 20:29:43
19阅读
jQeury主要有2种类型1)实例对象方法插件开发能让所有的jQuery实例对象都可以调用的方法。也就是说,只要通
原创 2023-07-14 15:39:58
70阅读
最近项目中刚好使用了甘特图,第一次使用,在此记录一下,有需要的同学可以借鉴一下。首先来个效果图吧,哈哈哈~~~ 因为这里用到了dhtmlx这个甘特图的组件,有些功能要专业版才能使用,但是免费的基本上符合需求了插件文档地址:https://docs.dhtmlx.com/gantt/api__refs__gantt.html  代码如下:1 <template&g
转载 2023-07-29 11:11:35
686阅读
注意:要绑定的对像一定要是文本输入框html    <script src="../../js/jquery-1.7.1.min.js" type="text/javascript"></script>  <script src="../../js/color.js" type="text/javascript"></scri
转载 精选 2013-12-20 12:01:32
530阅读
1点赞
今天的帖子介绍了10个先进而又简单的jQuery插件 ,它们将极大地改善您的Web体验,并使开发人员有机会无需编写大量代码即可用令人赞叹的元素丰富网站。 请享用! 1. Quovolver 是jQuery的简单扩展,它接受一组引号并将其以优雅的方式显示在您的页面上。 来源+演示 2. jQuery Lifestream 使用jQuery显示您的在线活动流。 来源+演示 3.
最近一个需求里要用到一个自动提示的功能,类似于淘宝里的搜索,用户输入关键字,在下面给出提示。现在网上已经有些成熟的插件,就直接拿来用了。网上的例子千篇一律,实用性不高。特在此作个记录。希望能帮助到有需要的朋友。 (1)效果图:     (2)页面上的调用方式: 需要导入的js: jquery-1.2.6.js   jquery-autocompl
 jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新的 j手风琴的滑动效果。(2) jQuery Coll...
原创 2022-12-01 15:56:41
94阅读
http://bijian1013.iteye.com/blog/1993215 maven<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/P
原创 2021-06-07 10:09:28
238阅读
最近项目中js数据验证比较多,为了统一风格,移植复用,于是顺手封装了Jquery插件 代码如下:(function($) { var defaults = { bugColor: '#FFCCCC', //数据有误的时候文本框颜色 color: 'white', //数据正确时候文本框颜色 type: "alert", //数据错误时候提示方式 alert 弹出框方式 text 赋值spa
原创 2013-10-25 09:22:01
364阅读
目录 案例一:JQuery校验用户案例二: 实现百度搜索提示案例三:JQuery实现省市联动(XML传输数据方式)案例四:JQuery实现省市联动(Json传输数据方式)案例一:JQuery校验用户需求:注册用户时,对已存在用户进行提示JQuery:<!-- 导入JQuery的支持 --> <script type="text/javascript" src="js/j
转载 2023-07-04 10:38:18
98阅读
jQuery懒加载插件jquery.lazyload.js使用说明实例 很多网站都会用到‘图片懒加载’这种方式对网站进行优化,即延迟加载图片或符合某些条件才开始加载图片。 懒加载原理:浏览器会自动对页面中的img标签的src属性发送请求并下载图片。通过动态改变img的src属性实现。
       由于项目开发需要,经常会用到一些jquery插件,但网上已有的插件常常又不能100%满足业务需求,所以就想自己能看懂插件的代码,进行一些功能上的改动和补充,或者能自己自定义插件就更好了。所以这段时间会对插件进行一些研究,现将学习的一些重要内容记录下来,供那些像我一样的初学者借鉴下。嘻嘻。       (一
先前一直在纠结什么时候才能自己写一个jQuery插件,于是在网上找了一大把的资料,但是苦于自己太蠢看不懂所以就耽搁了下来,今天找到了一个jQuery插件编写的视频教程,于是就自己看完后,写了一个小小的插件,及一些看视频时了解到的写插件时的注意事项。以下就是一些例子及注意事项:类级别的插件编写1)直接给jQuery添加全局函数首先在创建好的demo1.js中编写如下代码:jQuery.myAlert
转载 2023-09-18 14:34:30
86阅读
前面我们学会了如何封装一个插件,并且做了一个简单的拖拽效果的插件,现在我们需要再完善一下这个插件。 首先,我们知道,很多插件其实是可以配置参数的插件的参数怎么做呢?我们来看一下,此处我们做一个改变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阅读
  • 1
  • 2
  • 3
  • 4
  • 5