代码如下: /* 1.jQuery插件文件名推荐命名为 jquery.[插件名].js 以免和其他javascript库插件混淆。例如命名为jquery.color.js 2.所有的对象方法名都应当附加到jQuery.fn对象上而所有的全局函数都应当附加到jQuery对象本身上。 3.在插件内部，this指向的是当前通过选择器获取的jquery对象，而不像一般方法哪样，例如chick()方法，内部的this指向的dom元素 4.可以通过this.each来遍历所有元素 5.所有的方法或函数插件，都应当以分号...
1. $.each(array, [callback]) 遍历[常用] 解释: 不同于例遍jQuery对象的$().each()方法,此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出each循环可使回调函数返回false, 其它返回值将被忽略。 each遍历,相信都不陌生,在平常的事件处理中,是for循环的变体,但比for循环强大。在数组中,它可以轻松的攻取数组索引及对应的值。例:代码如下:var _mozi=[墨家,墨...
一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。 选择表达式可以是CSS选择器： 代码如下:$(document)//选择整个文档对象$(#myId)//选择ID为myId的网页元素 $(div.myClass)//选择class为myClass的div元素 $(input[name=first])//选择nam...
一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。 但是，在回调函数方面，jQuery的功能非常弱。为了改变这一点，jQuery开发团队就设计了deferred对象。 简单说，...
代码如下:$(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,)); }).bind("paste",function(){ //CTR+V事件处理 $(this).val($(this).val().replace(/\D|^0/g,)); }).css("ime-mode", "disabled"); //CSS设置输入法不可用 ...
代码如下:$.ajax({ url: 这个地址要换成你自己的, data: {S_CourseID: courseid , CurrTime : new Date().getTime()}, //加个时间戳，否则会不自动更新数据 dataType: json, success: function(data) { if (data != null) { if ( data.length > 0) { for(var i = 0 ; i < data.length ; i++){ ...
代码如下:<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.zclip.min.js"></script>代码如下:$(function(){ $(#copy_input).zclip({ path: js/ZeroClipboard.swf, copy: function(){//复制内容 return $(#mytext).val(); }, afterCopy: function(){//复制成功 $("<span id=msg/>").insertAfter($(#copy_input))...
目前1.7以上，jquery的事件绑定已经用on替换了原来的bind，接下来为大家介绍下bind的使用方法及input textare事件，感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上，jquery的事件绑定已经用on替换了原来的bind； 区别：(个人理解)bind是一次绑定事件到每一个子节点；on是只绑定到父节点，然后冒泡到各个子节点； 用法：bind 一个事件，一个方法：$(".class input").bind('click',function(e){...;e.stopPropagation;}) 两...
编辑器KindEditor官网： http://www.kindsoft.net/ 1、需要加载的JS和CSS文件为： 代码如下:<script src="kindeditor-4.1.4/kindeditor.js" type="text/javascript" charset="utf-8"></script> <script src="kindeditor-4.1.4/plugins/code/prettify.js" type="text/javascript"></script> <link href="kindeditor-4.1.4/plugins/code/prettify.css" rel="stylesheet" type="text/css" /> 2、编辑器初始化设置后，在里面加pretty...
表格：合并单元格 参考示例：合并单元格 调用方法：margeCells。如下代码： 代码如下:grid.on("load", onLoad); function onLoad(e) { var grid = e.sender; var marges = [ { rowIndex: 1, columnIndex: 0, rowSpan: 1, colSpan: 2 }, { rowIndex: 3, columnIndex: 0, rowSpan: 4, colSpan: 3 } ]; grid.margeCells(marges); }
当你想在有限的页面空间内展示多个内容片段的时候，手风琴（Accordion）效果就显得非常有用，它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架，只需很少的代码就可以实现精美的手风琴效果，帮助你的网站吸引更多用户的眼球。 Elegant Accordion with jQuery and CSS3 首先推荐的这款插件是基于 jQuery 和 CSS3 实现的优雅的鼠标悬停手风琴效果。制作教程 在线演示 Vertical Sliding A...
今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件，都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架，它简化了 HTML 文档遍历，事件处理，动画以及Ajax交互，帮助 Web 开发人员更快速的实现各种精美的界面效果。 01. 滑动的字符 在线演示 下载源码 02. 鼠标悬停变换效果 在线演示 下载源码 03. 旋转的文本 在线演示 下载源码 04. 滚动变换的文本 在线演示 下载源码 05. ...
Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高，如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。我们一起来看看下面这些优秀的分页插件。1.Client-side jQuery pagination plugin : jPages jPages 是一款非常不错的客户端分页插件，有很多特色，例如自动播放、按键翻页、延迟加载等等。浏览详情 在线演示 2. jPaginate: A Fancy jQuery Pagination Plugin jPaginate 是一款非常精致的分页插件，提供...
但对于 Web 开发人员来说，他们需要掌握编写插件的方法，这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程，这些插件能够为你将来的项目增添各种很炫功能和效果，同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。 Slidesjs ( 演示 | 下载 )Beautiful Parallax Slider With jQuery ( 演示 | 下载 )Sweet Thumbnails Preview Gallery with jQuery ( 演示 | 下载 )Typography Effec...
今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作教程和示例。 Slide Down Box Menu with jQuery and CSS3 ( 演示 | 下载 )Fancy Drop Down Menus Using CSS and JQuery. ( 演示 | 下载 )Sliding Jquery Menu ( 演示 | 下载 )Create Simple Dropdown Menu Using jQuery ( 演示 | 下载 )Designing the Digg Header: How To & 下载 ( 演示 | 下载 )Easy to Style jQuery Drop Down Menu Tutorial ( 演示 | 下载 )Professiona...