简要教程 jquery-confirm是一款功能强大的jQuery对话框和确认框插件.它提供多种内置的主题效果,可以实现ajax远程加载内容,提供动画效果和丰富的配置参数等.它的特点还有: 可以使用键盘控制对话框. 通过ajax加载对话框的内容. 可以在指定时间之后自动关闭对话框. 提供丰富的参数和回调函数. 使用方法 基本调用 $.confirm({ confirm: function(){ console.log('the user clicked confirm'); }, cancel:

也许很多同仁一听到事件监听,第一想到的就是原生js的 addEventListener()事件,的确如此,当然如果只是适用于现代浏览器(IE9.10.11 | ff, chorme, safari, opera(非windows系统自带,可安装的Browsers) ),你只需要了解这一个事件的正确拼写和参数就OK啦. 但是小生仅今天要介绍的是 添加事件监听的兼容性写法,所以,如果同仁们无需做兼容的话,建议只是了解或略过 哈/.... 首先,介绍一下,事件监听的事件有两个,对,你没听错,是两个:

jQuery ajax 标准写法及进度条绘制 $.ajax({ url: "http://www.microsoft.com", //请求的url地址 dataType: "json", //返回格式为json async: true, //请求是否异步,默认为异步,这也是ajax重要特性 data: { "id": "value" }, //参数值 type: "GET", //请求方式 processD

这个是javascript的写法 <img src="res/img/shop-c_32.jpg" alt="" onmouseover="this.src='res/img/shop-c_29.jpg';" onmouseout="this.src='res/img/shop-c_32.jpg';"> 这是个jquery的写法 <img src="res/img/shop-c_32.jpg&quo

jquery ajax分页写法我用的是laypage插件 前端代码<pre> function demo(curr) { $.getJSON('/home/index/getinfo', { page: curr || 1 //向服务端传的参数,此处只是演示 }, function (res) { var html = ''; var list = res.data.list; $.each(list, function (k, v) { html += '<div'; if(k%2==

jquery插件及zepto插件,写法上有些区别. 区别点: 1.自定义事件的命名空间 jq的时间命名空间是用点“.”,而zepto是用冒号“:” 如 //jquery $(this).trigger('cusevent.pluginname'); //zepto $(this).trigger('cusevent:pluginname'); 2.data() 方法 jq的data方法非常强大,可以存储字符串.对象.函数等一切js数据 而zepto的data方法则非常简陋,只能纯一下字符串. 由

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

我的个人网站 点击链接!欢迎大家访问 下面是网页一些常见的宽高的获取.........这是原生的写法(JavaScript) 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scro

文章由来:jQuery源码学习时的总结 在JS中,一般的面向对象的写法如下: function Cao(){}//定义一个构造函数 Cao.prototype.init = function(){}//原型上添加初始化方法 Cao.prototype.other = function(){}//可执行的其他实际方法 var c1 = new Cao();//实例化对象 c1.init();//初始化 c1.css();//操作函数 定义一个对象Cao,实例化c1,c1.init()初始化,c1.

首先,在具体说明编写插件之前,我们先假定一个使用场景:有一个HTML页面(或.aspx页面),页面上放置了一个5行3列的表格,即:<table></table>标记,具体代码如下: <tableid="newTable">     <tr>         <td>1</td><td>1</td><td>1</td>     </tr>     <t

最近做的一些网页,单个网页图片量都比较大,网络不好的情况下,特别卡,这个图片预加载的方法可以牺牲一些时间换来网页的浏览顺畅,还是值得的. //闭包的写法,它内部的变量都是局部的,不会和外部巳有的变量进行冲突 ( function (通过它来接收对象) {   } )( 通过它来传递对象 );   //可以使用jQuery的$符号的闭包插件的写法: //写插件的常用方法 $.extentd() (function ($){ //构造函数 function PreLoad(imgs,options)

jQuery自定义扩展有两种写法: $.extend({}) ;           调用方法:      $.方法          $.fn.extend({});        调用方法:      $(选择器).方法 写法一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&g

Html部分(界面): 1.五子棋棋盘由canvas完成: 2.两个按钮,样式由bootstrap完成: 3.菜单按钮对应的模态框,可以选择游戏模式:玩家自由对战,和电脑对战,还可以指定谁先执子和哪个颜色先执子: 4.游戏结束显示的模态框: 模态框由modal.js插件实现 Js部分 模式1玩家对战电脑 模式2玩家自由对战 1游戏初始化,绘制棋盘 1.1创建canvas,将canvas和span(小黄点)添加到html的div中,初始化一个二维数组defaultOptions.chessArra

定义的写法 //构造函数 function test(){ //construct code } //初始化方法 test.prototype.init = function(){ //init code }; //扩展方法 test.prototype.expandFunc = function(){ //expend function code }; 调用的写法 //定义一个对象实例 var t = new test(); //初始化 t.init(); //调用扩展方法 t.expandF

JQuery插件写法的总结 最近Web应用程序中越来越多地用到了JQuery等Web前端技术.这些技术框架有效地改善了用户的操作体验,同时也提高了开发人员构造丰富客户 端UI的效率.JQuery本身提供了丰富的操作,但是,有时候我们需要根据我们自己的业务和系统特色(风格)构造一些我们常用的前端UI组件,而 JQuery的插件给了我们一个较好的方式来构造这些UI组件,方便我们日后反复重用这些组件. 网上也有很多关于JQuery插件的文章,我也搜了一些,但是,这些文档太过离散,没有有效地组织并充分说

(function($){ /** * 遮罩插件 * 使用:$('#id').qloading(options); * 详见:/plugins/_11_qloading/qloading.html * options:定制选项,默认配置见$.fn.qloading.defaults * * hide : 隐藏遮罩,默认为false * zindex : 遮罩背景的zindex,默认为9000 * bgcolor : 遮罩背景的色值,默认为#fff,也可以使用rgba色值 * imgurl : 遮

<script>//JS扩展String函数test,其它类推String.prototype.test = function(s){ alert(this+s);}var str = 'hello';str.test('world');//helloworld //JQ扩展(function($){ $.fn.test = function(op){ var defaults = {a:'no'} var setings = $.extend(defaults,op); alert(seti

;//step01 定义JQuery的作用域 (function ($) { //step03-a 插件的默认值属性 var defaults = { prevId: 'prevBtn', prevText: 'Previous', nextId: 'nextBtn', nextText: 'Next' //…… }; //step06-a 在插件里定义方法 var showLink = function (obj) { $(obj).append(function () { return "(

时间:02月20日   自定义主要通过两种方式实现$.extend({aa:function(){}});$.fn.extend({aa:function(){}});调用的方法分别是:$.aa();$($this).aa(); 注意:创建函数时不要放在 $(function() { }中,调用时候要放在事件里面$($this).click(function(){$.aa();}); jQuery.extend 函数详解JQuery的extend扩展方法:Jquery的扩展方法extend是我们

(function ($) { $.SmsHelper = $.SmsHelper || {}; $.extend($.SmsHelper, { //插件具体实现代码 yzmnum: 60, AjaxUrl: "/AjaxMethod/CommonSMS.ashx?key=GetSmsCode", GetSmsCodeClick: function (phoneCode, obj) { if (phoneCode == '') { $.AmHelper.ShowMsg('请输入手机号'

(function($){ $.fn.aa = function(canshu){ html = $(this).text(); alert(html) }})(jQuery); (function($){ $.fn.bb=function(aa){ $(this).hide(); }})(jQuery); (function($){ $.fn.cc=function(){ alert('cc'); }})(jQuery) 用法: <script type="text/javascript