| 2013/3/17 | Javascript | 被围观 5,460 views+
随着web技术的发展,特别是交互性越来越强网络应用,前端的脚本语言也逐渐的活跃起来。当使用JS编写应用时,特别是在一个系统中,如果不利用到现有的框架技术或者一些第三方的组件,我们在编写了若干个功能之后,发现越来越多的重复代码,有时候需求的一点改变都会导致很多处类似代码的变动,维护起来特别困难。所以这里有必要通过面向对象的方式,把通用的方法抽象起来管理,为了增加模块的复用,特别是针对于web这种对于页面效果很看重,但是又没有什么标准的情况,很有必要抽象出自己的组件,方便复用,或者编写出jQuery插件。 jQuery插件的编写(web组件) 关于jQuery插件的编写方法,之前总...
| 2013/1/15 | Javascript | 被围观 7,692 views+
1、init方法详解: 根据上一篇文章的分析,知道init方法其实就是在使用$() 创建jQuery对象是调用的,简单的说其实就是一个元素选择器,在API文档中可以发现,该方法可以提供如下几个用法: jQuery([selector,[context]]) 概述 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果没有指定context参...
| 2013/1/14 | Javascript | 被围观 8,684 views+
之前想看看jQuery的源代码但并没有看下去,可能是因为没有掌握好方法,现在尝试按照以下的方法进行阅读,而阅读的前提就是:这里假设你已经学会了jQuery的基本使用,对Javascript也比较熟悉,也大致浏览了它的API,已经把jQuery的源代码从github获取到了,并查看了一番(https://github.com/jquery/jquery)。 阅读源代码的步骤:详细阅读API和官方给定的文档;找到一个感兴趣的API;从最核心的基础函数库开始阅读,可以先大致了解,理清各层的关系;顺着调用的思路详细阅读,跟踪到每一条注释和变量;同样的方法阅读其他的API。 现在我们开始顺着阅读源代码的思路,找到一个感兴趣而比较简单的API...
| 2012/8/8 | Javascript | 被围观 11,049 views+
jQuery是一个封装的很好的类,比如我们使用$("#username")会生成一个 jQuery类的实例。 1、jQuery插件开发主要使用如下两个方法: 1.1、添加静态方法 jQuery.extend(object); 为扩展jQuery类本身,为类添加新的方法,可以理解文添加静态方法。 $.extend({   addMethod : function(a, b){return a + b;} // $.addMethod(1, 2); //return 3 }); 1.2、添加成员方法 jQuery.fn.extend(object); jQuery.fn = jQuery.prototype 给jQuery对象添加方法,对jQuery.prototype进行扩展,为jQuery类添加成员方法: $.fn.extend({ getInputText:function(){ ...
| 2012/8/8 | Javascript | 被围观 5,606 views+
1、声明插件名称: 添加一个函数到jQuery.fn(jQuery.prototype)对象,该函数的名称就是你的插件名称: jQuery.fn.myPlugin = function() { // Do your awesome plugin stuff here }; 在命名不与jQuery其他函数冲突的情况,可以使用闭包的方式使用$符号: (function( $ ) { $.fn.myPlugin = function() { // Do your awesome plugin stuff here }; })( jQuery ); 2、插件中的上下文: jQuery接收一个回调,该回调本身就指向了dom,直接使用this就相当于我们平时的$(this)的情况: (function( $ ){ $.fn.myPlugin = function() { // the...
| 2012/7/5 | Javascript | 被围观 9,884 views+
功能: 单击单元格选中,选中过程中使用方向键更换选中的单元格,选中过程中按回车键或者直接双击单元格进入可编辑状态,单元格失去焦点时保存修改的内容。 主要实现思路: 选中,移动选中区域等都是依靠jQuery强大的API进行实现的。而可编辑的单元格实际上是在选中单元格时,在单元格上面添加个input输入域,动态的更新数据 效果如下: 源代码: HTML代码: <table class="editableTable"> <thead> <tr> <th>Item1</th> <th>Item2</th> <th>Item3</th> </...
| 2012/1/11 | Javascript | 被围观 15,350 views+
jQuery-Uploadify是一款非常好用高度可定制的文件上传插件。 关于其基本的使用例子,可以参考这里:jQuery上传插件Uploadify的使用例子和相关资料 把这个插件运用到实际项目中,发现提示如下错误: $("#custom_file_upload").uploadify is not a function 原因: swfobject.js和jquery.uploadify.v2.1.4.min.js由于使用到了jquery的API,所以这两个文件需要依赖于jquery-1.4.2.min.js这个文件。 正常情况下需要引入如下几个js文件: <script type="text/javascript" src="uploadify-v2.1.4/jquery-1.4.2.min.js" ></script> <script type="text/javascript" src=...
| 2012/1/11 | Javascript | 被围观 10,341 views+
Uploadify - JQuery是一款功能强大,高度可定制的文件上传插件,在最简单的方式下,Uploadify使用很少的代码就可以运行起来。 测试例子: 以下是一个使用的简单例子: 从官网下载需要的Uploadify版本:http://www.uploadify.com/ 这里我们采用了Uploadify包中自带的php测试脚本作为上传的处理,所以这里安装了wamp作为php的测试环境,在php的网站根目录中,解压上面下载好的Uploadify文件,并创建一个文件上传保存的目录,这里我们在Uploadify的解压目录中创建到了uploads作为文件保存目录。 创建uploadify_test.php文件,添加如下内容: <html> <head> <link href...
| 2011/6/2 | Javascript | 被围观 11,174 views+
使用$.post()与使用$.get()进行Ajax请求时,其结构和使用方式都相同,主要的区别如下: GET请求会把参数加载URL后进行传递,而POST请求则是作为HTTP消息的尸体内容发送给Web服务器。 GET方式对传输的数据有大小限制,而POST传递的数据量理论上不受限制。 GET方式请求的数据会被浏览器缓存起来。 使用POST请求Ajax的代码如下: $.post("student/Upload-addQuestion.action", { questionTypeName:questionTypeName, questionsTitle:questionsTitle, chapterId:chapterId, questionContent:questionContent, answerContent:answerContent, answerExplain:answerExplain },fun...
| 2011/5/28 | Javascript | 被围观 15,420 views+
使用jQuery的load事件时,调用的具体格式为: load( url, [data], [callback] ) 具体参数的含义如下: url (String): 装入页面的URL地址 params (Map): (可选)发送到服务端的键/值对参数,传递参数的格式为:{"ID": id } callback (Function): (可选) 当数据装入完成时执行的函数 其中Function包含的参数如下: function (responseText, textStatus, XMLHttpRequest) {} responseText代表请求返回的内容 textStatus代表请求的状态,其值可能为:success,error,notmodify,timeout 4种 XMLHttpRequest对象 下面是一个使用load事件的例子,这个例子在页面加载<div ...
随机文章 本月热门 热评
1 jQuery中使用Ajax实现文本输入框的自动完成功能 2011/5/14
2 JVM 类加载器介绍及其父亲委托机制 Parent Delegation 2011/11/5
3 J2EE基于MVC的各层的设计原则及其编写注意事项 2012/9/15
4 ExtJS拖放技术DragSource拖动到指定区域DDTarget 2011/4/13
5 Linux中sed和awk的使用及其相关实例解析 2011/6/11
6 【转】启示录 2013/11/7
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.