本文主要介绍了jQuery插件artDialog.js使用与关闭方法,结合具体实例形式分析了jQuery弹出窗口插件artDialog.js的简单使用方法及相关注意事项,需要的朋友可以参考下，洗完能帮助到大家。子窗口关闭artdialog终极解决方案：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset...
在实际开发工作中，总会碰到像滚动，分页，日历等展示效果的业务需求，对于接触过jQuery以及熟悉jQuery使用的人来说，首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求。目前页面中常用的一些组件，都有多种jQuery插件可供选择，网络上也有很多专门收集jQuery插件的网站。利用jQuery插件确实可以给我们的开发工作带来便捷，但是如果只是会简单使用，而对其中的原理不甚了解，那么在使用过程中碰到问题或者对插件进行定制...
DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。使用方法：首先看看如下代码：<title>DataTables example</title> <style type="text/css" title="currentStyle"> @import "../../media/css/demo_page.css"; @import "../../media/css/demo_table.css"; @import "../examples_support/themes/smoothness/jquery-ui-1.7.2.custom.css"; </style> <scri...
tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序，会自动识别表格内容数据类型，使用也非常方便。使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本，并在html中引用该脚本文件：<script type="text/javascript" src="../jquery-latest.js"></script> <script type="text/javascript" src="../jquery.tablesorter.js"></script>2. 格式化需要排序的html表格：a. 给需要排序的表格指定CCS类：...
DataTables是一个jQuery的表格插件。实例讲解1、需求：如下图所示，对datatables的内容进行添加，编辑，删除的操作。2、分析：添加功能---单击add按钮，弹出对话框，添加新的内容。 编辑功能---单击datatables可以选中一行，此行改变颜色，即是已经选中，单击edit按钮，弹出dialog，此dialog中的内容是我们选中行的内容。如果没有选中行，点击edit按钮，则不会弹出dialog。当双击datatables中的某一行时，也弹出dialog，...
给大家分享的是一个使用jQuery插件windowScroll实现的特效HTML<!doctype html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta content="" name="keywords" /> <meta content="" name="description" /> <meta name="author" content="codetker" /> <head> <title>window对象滚动插件</title> <link href="style/reset.css" rel="stylesheet" type="text/css"> <link href="style/style.css"...
jQuery.resizable 是基于jQuery开发的一款插件, 为用户提供html dom resize 行为.例如存在如下的html dom:假设整个蓝色边框的p为需要改变大小的对象, 图中红色部分为柄, 那么当鼠标拖动柄时,p的大小将会随之改变.大家可以先到此下载源码: jQuery.resizable.jsAPI简介:handler(String|Object): 拖拽柄, 比如一般的窗口, 右下角就为拖拽柄, 当点击拖拽柄使会改变整个对象的长宽值, 默认值为 null, 必须指定, 可为jQuery筛选器对象，如...
var regAction = (function () {var defaultOpts = {regform : regfrom,username : username,userpwd : userpwd,confirmpwd : confirmpwd,checkcode : checkcode,accept : accept,errorTrips : errorTrips,channel : channel,loginAuto : loginAuto,btnAction : btnAction},isreg = 1;//去掉空格function trim(str) {return str.replace(//s+$|^/s+/g, );}//检测emailfunction isEmail(email) {return /^[/w/-/.]+@[/w/-/.]+(/./w+...
jquery插件的分类jQuery插件有很多，有UI类，表单验证，输入类，特效类，Ajax类，滑动类，导航类，工具类，动画类等等。jQuery的插件主要分为三类：1、封装对象方法的插件：也就是基于某个DOM元素的jQuery对象，局部性 2、封装全局函数的插件：将独立的函数添加到jquery的命名空间之下。jquery.trim()就是jquery内部作为全局函数的插件添加到内核上去的。 3、选择器插件：扩充自己喜欢的一些选择器。类似于.toggle()插件的基本要点...
/** jquery Date Selector Plugin* 日期联动选择插件** Demo:$("#calendar").DateSelector({ctlYearId: <年控件id>,ctlMonthId: <月控件id>,ctlDayId: <日控件id>,defYear: <默认年>,defMonth: <默认月>,defDay: <默认日>,minYear: <最小年|默认为1882年>,maxYear: <最大年|默认为本年>});HTML:<p id="calendar"><SELECT id=idYear></SELECT>年 <SELECT id=idMonth></SELECT>月 <SELECT id=idDay></SELECT>日</p>*/(function ($) {...
在实际开发工作中，总会碰到像滚动，分页，日历等展示效果的业务需求，对于接触过jQuery以及熟悉jQuery使用的人来说，首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求。目前页面中常用的一些组件，都有多种jQuery插件可供选择，网络上也有很多专门收集jQuery插件的网站。利用jQuery插件确实可以给我们的开发工作带来便捷，但是如果只是会简单使用，而对其中的原理不甚了解，那么在使用过程中碰到问题或者对插件进行定制...
项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。下面通过实例代码给大家介绍使用jQuery ajaxupload插件实现无刷新上传文件功能，需要的朋友参考下吧项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。代码如下使用方法如下<script type="text/javascript"> $(function () { var button = $(#upload); new ...
相信每位前端的小伙伴对jQuery都不陌生吧，它最大的魅力之一就是有大量的插件，去帮助我们更轻松的实现各种功能。前几天晚上，闲来无事，就自己动手写了个简单的jQuery插件，功能很简单，只是让选定的元素高亮，但是其中的一些思想，还是很值得学习的，可以戳这里查看代码。本文不聊怎么写jQuery插件，我们聊聊怎么去实现jQuery的插件扩展功能，extend是怎么实现把我们写的插件挂载到jQuery上的。（大牛可以出门右拐......）我们可...
前言jQuery插件开发包括两种：给jQuery添加静态方法给jQuery的原型添加方法给jQuery添加静态方法直接添加新的全局函数jQuery.foo = function() { alert(This is a test. This is only a test.); } 2.使用jQuery.extend(object)jQuery.extend({ foo: function() { alert(This is a test. This is only a test.); }, bar: function(param) { alert(This function takes a parameter, which is " + param +".); } });对于一些全局配...
引入下方的jquery.rotate.js文件，然后通过$("选择器").rotate(角度);可以旋转任意角度， 例如$("#rotate-image").rotate(45);把这句放在$(document).ready(function(){ });中 就是将id为rotate-image的图片旋转45度。 不过，貌似在Chrome中总是不显示。 唉，找了两个小时，才发现Chrome太坑爹了，没法获取图片的长宽。 解决办法是，把$("#rotate-image").rotate(45);放在 $(window).load(function(){ });中，因为在Chrome中图片在...