jQuery——插件
jquery插件treetable 动态加载问题
大家好,又见面了,我是你们的朋友全栈君。使用jquery插件treetable 增加后刷新table时,树形样式丢失在增加或修改后,动态加载html,开始就直接使用 $(“#treeTable tbody”).empty().append(data); 这个用法是错误的,后来换成//成功后刷新表格 $("#treeTable tbody").empty(); var html
日期 2023-06-12 10:48:40jQuery——插件
1.首先jQuery是什么呢? 简单来说:“jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScr
日期 2023-06-12 10:48:40基于jQuery或Zepto的图片延迟加载插件
当我们网站的页面图片过多时,加载速度就会很慢。尤其是用手机2G/3G访问页面,不仅页面慢,而且还会用掉很多流量。我们主题之前也都采用了图片的懒加载形式,但都不完美,部分主题还采用了占位图片来控制懒加载,今天换一种js图片懒加载,它原理就是将页面内所有需要加载的图片全部换成一张默认的图片(一般尺寸很小),只有图片在可视区域才去请求加载,这样的话应该就能满足我们日常所需,好了不说废话先按照教程操作试试
日期 2023-06-12 10:48:40jQuery基础(五)一Ajax应用与常用插件-imooc
第1章 jQuery 实现Ajax应用本章介绍jQuery中支持Ajax的各种方法和函数,阐述通过Ajax交互的过程与常用方法,重点介绍核心方法$.ajax()的运用技巧。通过ajax全局事件的介绍,进一步巩固前面所学基础内容。 1-1 使用load()方法异步请求数据 1-2 使用getJSON()方法异步加载JSON格式数据 1-3 使用getScript()方法异步加载并执行js文件 1-4
日期 2023-06-12 10:48:40响应式 jQuery Slider 插件: bxSlider
bxSlider 是一款免费的 jQuery Slider 的插件,它可以实现 内容和图片幻灯片滚动效果,支持响应式,桌面和手机等各种设备都能完美适应。bxSlider 详细功能完全响应式:支持所有设备。支持水平,垂直和淡入淡出等模式。支持图片,视频和 HTML 内容等幻灯片。内置支持触摸和滑动等高级操作。使用 CSS transitions 来实现幻灯片动画(原生硬件加速)。完整的回调 API
日期 2023-06-12 10:48:40实现单页浮动导航效果的 jQuery 插件:Smint
Sminti 介绍现在的网页设计中,浮动导航菜单被广泛应用了,通过它,可以可以快速移动到菜单,Smint 就是这样一个简单的 jQuery 插件,可以将导航菜单浮动在页面的顶部,点击菜单快速滚动到达页面的位置,并且能够设置滚动的速度。Sminti 使用1. 首先创建一个 div,并且给它设置一个 class,这里我们设置为:subMenu。2. 在这个 div 内部,输入各个链接的 A 标签,并且
日期 2023-06-12 10:48:40jQuery 图片播放插件 FancyBox 和其 WordPress 插件
什么是 FancyBoxFancyBox 是一个 jQuery 图片播放插件,它可以使用类似于 MAC 系统中 “Lightbox” 方式在网页前面浮动显示和播放图片,网页内容,或者其他多媒体内容。FancyBox 的特性支持图片,HTML 元素,Flash 动画,Iframe 以及 AJAX 支持。可以自定义播放器和 CSS 样式。可以以组的形式进行轮转播放。如果加载了鼠标滚动插件(mouse
日期 2023-06-12 10:48:40生成二维码的 jQuery 插件:jquery.qrcode.js
jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。jquery.qrcode.js 使用1. 加载 jQuery 和 jquery.qrcode.js:<scr
日期 2023-06-12 10:48:40缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
Lazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。如果一个人不看下面的图片,那加载下面的图片就是一种浪费。Lazy Lo
日期 2023-06-12 10:48:40Happy.js:轻量级的 jQuery 表单验证插件
网络上有很多的表单验证插件,但是很多功能非常强悍,如果你只是需要一个最简洁的,那么 Happy.js 就是一个很好的选择。Happy.js 介绍Happy.js 是一个轻量级的 jQuery 表单验证插件,默认只支持一些简单的输入框验证(必填,数据,数字,e-mail,最小/最大,和电话号码),但是简单增加一些行和正则,就能扩展。Happy.js 使用第一步:定义表单:<form id=&q
日期 2023-06-12 10:48:40Jquery实现超酷的日程安排插件详解编程语言
这是一款功能超强大的插件,它可以自由管理自己的日程安排,有3种模式,分别为日,周,月,这样的话管理起来就非常清晰,如果想要保存数据,那就要配合后台程序了。 script type="text/javascript" $(document).ready(function() { //[id,title,start,end,全天日程,跨日日程,循环日程,theme,,] va
日期 2023-06-12 10:48:40最简单的jquery模拟alert的弹窗插件详解编程语言
var args=arguments; if(args.length (typeof args[0] == string) !$(#alert_overlay).length){ if(!$(#alert_style).length) $(body).append( style id="alert_style" type="text/css" #alert_overlay{positi
日期 2023-06-12 10:48:40jQuery Timers 定时插件使用详解编程语言
JQuery Timers提供了三个函式 1. everyTime(时间间隔, [定时器名称], 函式名称, [次数限制], [等待函式程序完成]) 2. oneTime(时间间隔, [定时器名称], 呼叫的函式) 3. stopTime ([定时器名称], [函式名称]) !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans
日期 2023-06-12 10:48:40jQuery幻灯片插件Skippr详解编程语言
设置 引入jquery.skippr.css、jquery.js、jquery.skippr.js 注意jQuery必须在jquery.skippr.js之前 head link href="css/jquery.skippr.css" rel="stylesheet" type="text/css" script src="js/jquery-1.8.0.min.js" typ
日期 2023-06-12 10:48:40jQuery插件简介
说起 jQuery 插件,很多小伙伴都以为是什么很难学的知识。其实很多时候,晦涩的术语都是用来吓唬人的。jQuery 插件,其实非常简单。一个 jQuery 插件,你可以把它理解成是使用 jQuery 来封装的一个功能或特效。对,就是这么简单。 一般来说,每一个 jQuery 插件都是放到独立的一个文件中的。我们常说的引入一个 jQuery 插件,其实就是引入一个外部 JavaScript 文件
日期 2023-06-12 10:48:40jquery的颜色选择插件实例代码
复制代码代码如下:(function($){$.fn.extend({selectColor:function(){var_d=newDate();var_tem=_d.getTime();returnthis.each(function(){varshowColor=function(_obj){var_left=parseInt($(_obj).offset().left);var_top=
日期 2023-06-12 10:48:40jQuerychili图片远处放大插件
为了让本地图片、远程图片、过小的图片都适应此插件,有很多细节问题要处理。 首先定义结构: <divclass="imgMagnifierWrap"> <divclass="overlay"><!--覆盖层,鼠标的感应区域,位于小图上最方--></div> <divclass="tipboxHover"><!--小图上方的悬停提
日期 2023-06-12 10:48:40jValidate基于jQuery的表单验证插件
网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子:复制代码代码如下:<inputname="name"type="text"id="name"size="30"jvpattern="^.+$"jverrortip="请输入正确的姓名."jvtipid="spt_name"jvmethod="checkname"/><
日期 2023-06-12 10:48:40jquery插件cluetip关键词注释
这个可以用jquery的一个插件cluetip地址下载是:plugins.learningjquery.com/cluetip/demo/下面简单讲解下用法:1首先当然要放JQUERY的基本JS,和这个插件的JS了,如:<aclass="title"href="#"title="Thisisthetitle|Thefirstsetofcontentscomesafterthefirstde
日期 2023-06-12 10:48:40经典海量jQuery插件大家可以收藏一下
其中有些已经无法访问,或许是文件移除,或许是被封锁。大家分享的东西,没什么特别的可说的,唯有感谢无私分享的人们。提醒大家在使用的时候注意jQuery包的版本问题,最好是使用相同的版本,因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码,推荐utf-8。jQuery插件-文件上传(Fileupload)AjaxFileUpload.jQUploader.Multip
日期 2023-06-12 10:48:40基于Jquery的简单&简陋Tabs插件代码
HTML代码复制代码代码如下:<divclass="tab"><liclass="selected">1</li><liclass="hover">2</li><liclass="hover">3</li></div><divclass="tab_box"><divclass="ne
日期 2023-06-12 10:48:40JqueryValidation插件防止重复提交表单的解决方法
由于在项目中应用了JqueryValidation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目,但不无法和JqueryValidation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码。代码如下:js:代码复制代码代码如下:functiondisableBtn(btnID
日期 2023-06-12 10:48:40基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
兼容各浏览器的文本行高复制代码代码如下:(function($){$.fn.extend({RollTitle:function(opt,callback){if(!opt)varopt={};var_this=this;_this.timer=null;_this.lineH=_this.find("li:first").height();_this.line=opt.line?parseIn
日期 2023-06-12 10:48:40基于jquery的让textarea自适应高度的插件
Introduction1.Thistextareaislikethegooglecalendar"sdescriptionwhenyoucreateoneneworupdateoneexistencecalendar;2.Itsheightwillbechangedaccrodingtouser"sinput;3.Itsscrollbarisremoved,whichmakesitmuchus
日期 2023-06-12 10:48:40jquery插件开发备注
今天发现其实JQ自己早就有对这个临时数据的存储方法:$("dom").data(“mydata”,"thisisdata");还有就是插件开发的时候我们经常要给插件添加方法,其实就用JS内部添加方法的方法即可this.myfn=function(){}下面给上一个显示部分文字的插件的源码:(类似CSS的text-overflow,但本插件你需要提供显示几个字,用于精确控制显示数量)复制代码代码如
日期 2023-06-12 10:48:40基于JQuery的6个Tab选项卡插件
顺便也找来了不少优秀的Tab选项卡实例,在这里与大家分享一下。当然,最终我没有用到IdTabs以及如下任何一个实例,我只是很不服气的自己写了个小插件,尚不完善,就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧:1.jQuery选项卡界面/选项卡结构菜单教程这种类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你
日期 2023-06-12 10:48:40jQuerypowerFloat万能浮动层下拉层插件使用介绍
一、写插件的缘由 为什么想写此插件,想来想去,归结为一个字:“懒”。不想为明明两个类似的功能分别写代码,本应喝茶看美女的休闲时光晃荡在本可避免的代码上,对于我来讲,就是白白耗费自己的青春。于是,干脆,一鼓作气,把这些类似的功能集合到一起,一个插件搞定,一了百了了。这种感觉就好比《大话西游》里悟空一巴掌拍死唐僧这只苍蝇一样。那,这里提及的类似的功能是指?当当当当,就是与某元素有位置关系的浮动层(例
日期 2023-06-12 10:48:40Jquery插件easyUI属性汇总
此属性列表请对照jQueryEasyUI1.0.5,关于它的更多资讯请猛击这里。 属性分为CSS片段和JS片段。 CSS类定义:1、diveasyui-window 生成一个window窗口样式。 属性如下: 1)modal:是否生成模态窗口。true[是]false[否] 2)shadow:是否显示窗
日期 2023-06-12 10:48:40jquery中实现简单的tabs插件功能的代码
言归正传,以下是全文。 先附上两张最简单的效果图。 首先编写简单的HTML代码。用作tabs的UL标签和包含内容的p标签。 <ul><li><ahref="#first">海阔天空</a></li><li><ahref="#second">光辉岁月</a></li><li>
日期 2023-06-12 10:48:40JQuery之拖拽插件实现代码
而很多页面效果都要用到这些位置。不得已,得练练,得记记。下面就来说说这个基于JQuery的简易拖拽插件吧。按惯例,先说说拖拽的原理,以及搞这么一个东东的步骤:那什么是拖拽呢?看名字就知道了:就是把一个东东拖来拽去的。放到我们的DOM上,就是改变它的位置。它只有两个难点:1、如何知道是在拖?2、如何知道从哪拖,拖到哪?其实,这也算不上难点,毕竟两者都是基础的东西,关键在于熟练。换到js中,我们搞一
日期 2023-06-12 10:48:40小试JQuery的AutoComplete插件
前台代码如下:复制代码代码如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/
日期 2023-06-12 10:48:40