随笔分类 -  jQuery

jQuery.getScript两个不如意的地方【转】
摘要:js code Copy getScript:function(url,callback){ returnjQuery.get(url,null,callback,"script"); },getScript: function( url, callback ) { return jQuery.get(url, null, callback, "script"); }, 以上是jq的getScript源代码,只提供了个url和callback,但是遗漏了2个很有特性的参数:charset和async。前者会在页面与script脚本编码不同的时候用到,后者 阅读全文

posted @ 2012-08-14 23:32 ellisonDon 阅读(1574) 评论(0) 推荐(0)

jquery实现跨域
摘要:JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象由于项目需要,需要做一个单点登录的功能,就是不同域名的两个网站同时登录,同时退出,这是就需要用的JQUERY的一个非常好的功能jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件。参数 阅读全文

posted @ 2012-08-14 23:15 ellisonDon 阅读(541) 评论(0) 推荐(0)

jquery使用技巧总结
摘要:一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScript™ 以及Ajax 编程。有人使用这样的一比喻来比较prototy 阅读全文

posted @ 2012-08-14 23:13 ellisonDon 阅读(431) 评论(0) 推荐(0)

jQuery.data() 的实现方式
摘要:jQuery.data() 的作用是为普通对象或 DOM Element 附加(及获取)数据。 下面将分三个部分分析其实现方式: 1. 用name和value为对象附加数据;即传入三个参数,第一个参数为需要附加数据的对象,第二个参数为数据的名称,第三个参数为数据的值。当然,只是获取值的话,也可以不传入第三个参数。 2. 用另一个对象为对象附加数据;即传入两个参数,第一个参数为需要附加的数据对象(我们称之为“obj”),第二个参数也是一个对象(我们称之为“another”);“another”中包含的键值对将会被复制到 “obj” 的数据缓存(我们称之为“cache”)中。 3. 为 DOM E 阅读全文

posted @ 2012-08-12 19:01 ellisonDon 阅读(35890) 评论(6) 推荐(8)

jQuery.extend 函数详解[转]
摘要:JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用: var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数 阅读全文

posted @ 2012-08-12 18:23 ellisonDon 阅读(476) 评论(0) 推荐(0)

jQuery插件开发全解析
摘要:jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展:1.1添加一个新的全局函数添加一个全局函数,我们只需如下定义:Java代码jQuery.fo 阅读全文

posted @ 2012-08-12 15:35 ellisonDon 阅读(782) 评论(0) 推荐(0)

实现jQuery扩展总结
摘要:开发自己需要的jQuery插件,看个示例说明<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title> new document </title><meta name="generator" content="editplus"> 阅读全文

posted @ 2012-08-12 15:01 ellisonDon 阅读(39200) 评论(3) 推荐(5)

jquery链
摘要:Posted on2012 年 3 月 14 日byotarim作用:缩短代码,实现特殊效果。end()方法:将操作对象转变为上一个对象$(function(){ $("p").find("span").addClass("class1").end().addClass("class2");})操作结果为p中的span元素添加class1样式,然后再为p添加class2样式。andSelf()方法:通过对前面两个对象进行组合共同处理$(function(){ $("p").find(" 阅读全文

posted @ 2012-08-12 14:53 ellisonDon 阅读(309) 评论(0) 推荐(0)

【转】 JavaScript中Array(数组)的属性和方法
摘要:数组有四种定义的方式使用构造函数:var a = new Array();var b = new Array(8);var c = new Array("first", "second", "third");或者数组直接量:var d = ["first", "second", "third"];属性Array只有一个属性,就是length,length表示的是数组所占内存空间的数目,而不仅仅是数组中元素的个数,在刚才定义的数组中,b.length的值为8<script 阅读全文

posted @ 2012-08-12 13:48 ellisonDon 阅读(387) 评论(0) 推荐(0)

javascript Function()
摘要:JavaScript中的Function对象是函数,函数的用途分为3类:作为普通逻辑代码容器;作为对象方法;作为构造函数。1.作为普通逻辑代码容器function multiply(x, y) {return x * y;}函数multiply封装了两位数的乘法运算公式:var product = multiply(128, 128);// product = 16384创建函数实例的方式有3种。第一种是声明式,即像声明变量一样,将通过function(){}标识符创建的匿名函数直接赋值给变量,以该变量作为调用时的函数名称:var multiply = function(x, y) {retu 阅读全文

posted @ 2012-08-12 13:13 ellisonDon 阅读(302) 评论(0) 推荐(0)

jQuery(function(){})与(function(){})(jQuery)的区别
摘要:【http://eason26-li.iteye.com/blog/520188】开发jQuery插件时总结的一些经验分享一下。一、先看jQuery(function(){});全写为jQuery(document).ready(function(){});意义为在DOM加载完毕后执行了ready()方法。二、再看(function(){})(jQuery);其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。三、总结jQuery(function(){ });用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。不可用于存放开发插件的代码,因为jQuery对象没有 阅读全文

posted @ 2012-08-12 12:38 ellisonDon 阅读(285) 评论(0) 推荐(0)

关于Jquery使用is判断元素显示visible或者隐藏hidden失败
摘要:$("#select_card li:eq(0)").hide();以下写法无论如何判断,只有一个判断结果if($("#select_card li:eq(0)").is(":hidden")){alert("隐藏");}else("显示");后来研究了一下,如果要能够准确进行判断格式应该如下:(注意红色部分的对比)if($("#select_card li").eq(0).is(":hidden")){alert("隐藏");}els 阅读全文

posted @ 2012-04-06 16:19 ellisonDon 阅读(2679) 评论(0) 推荐(0)

a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
摘要:#包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者<input onclick><div onclick>等打开新窗口链接的几种办法1.window.open('url')2.用自定义函数 <script> function openWin(tag,obj) { obj.target="_blank"; ob 阅读全文

posted @ 2012-04-04 10:52 ellisonDon 阅读(232) 评论(0) 推荐(0)

jQuery源码分析-each函数 function
摘要:1 jQuery.each方法用于遍历一个数组或对象,并对当前遍历的元素进行处理,在jQuery使用的频率非常大,下面就这个函数做了详细讲解(转) 2 3 * ---------------------------------------------------------- 4 * 函数介绍 5 * 6 * each函数通过jQuery.extend函数附加到jQuery对象中: 7 * jQuery.extend({ 8 * each: function() {} 9 * }); 10 * 如果对jQuery.ext... 阅读全文

posted @ 2012-04-04 00:35 ellisonDon 阅读(1845) 评论(0) 推荐(0)

jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
摘要:今天学习jQuery,看到nth-child(even)用法,特意找了下这个选择器的用法,在CSS3标准中,用法很强大。对此,我把CSS3标准中nth-child()用法大致介绍下: CSS3伪类选择器:nth-child() 简单的归纳下nth-child()的几种用法。 第一:nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。(EG) li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/ 第二:nth-child(an) 匹配所有倍数为a的元素。其中参数an中的字母n不可缺省,它是倍数写 阅读全文

posted @ 2012-04-01 19:09 ellisonDon 阅读(290) 评论(0) 推荐(0)

导航