w1100n
This site is best viewed in Google Chrome
9/23/2013 14:08

jQuery 浏览器判断,jQuery提供了一个 jQuery.browser 方法 来判断浏览器 可用值: safari   opera   msie   mozilla 例如: if($.browser.msie){ alert(“Microsoft Internet Explorer”)} if($.browser.mozilla){ alert(“Mozilla Firefox”)} 当然有时候我们还需要区分版本 这就要用到 jQuery.browser.version  例如: if($.browser.msie){ alert($.browser.version)} 你可能得到 6.0  7.0 或者其他 等等 下面是一个较为完整的例子: http://www.cnblogs.com/trance/archive/2009/04/29/1446192.html

9/22/2013 16:47

在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, …[, elementN]]]]); 创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。 2、数组的元素的访问 var testGetArrValue=arrayObj[1]; //获取数组的元素值 arrayObj[1]= “这是新值”; //给数组元素赋予新的值 3、数组元素的添加 arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度 … Continue reading

8/10/2013 18:34

经常碰到JQuery里的trim()函数在firefox支持,但是在IE里不支持 其主要原因是写法不对,下面是错误的写法 Java代码   var content = $(‘#content’).val(); if(content.trim() == ”)    alert(‘空’); 上面的写法在firefox下不会报错,但在ie下确会报错 正确的写法应该为 Java代码   var content = $(‘#content’).val(); if($.trim(content) == ”)   alert(‘空’); 或者为: Java代码   var content = $(‘#content’).val(); if(jQuery.trim(content) == ”)  alert(‘空’); http://vsp.iteye.com/blog/1262441

7/5/2013 19:23

  http://www.candoudou.com/archives/161 jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。 官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该用attr(),什么时候该用prop()呢? 大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = “disabled”,checked=”checked”,比如用attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”checked”但没选中获取值就是undefined。 jq提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用attr获取checked属性时返回”checked”和””,现在使用prop方法获取属性则统一返回true和false。 那么,什么时候使用attr(),什么时候使用prop()? 1.添加属性名称该属性就会生效应该使用prop(); 2.是有true,false两个属性使用prop(); 3.其他则使用attr();

6/6/2013 12:12

$(‘#WindowOpen’).toggle( function() { $(‘#login_uname, #login_pass’).attr(“disabled”,”disabled”); }, function() { $(‘#login_uname, #login_pass’).removeAttr(“disabled”); });

4/4/2013 17:27

一些css的定义,可以根据需要自己选择。 //显示单双行显示不同背景色【方法一】: // $(“#UL_id li:even”).attr(“className”,”redClass”); //显示单双行显示不同背景色【方法二】: $(“#UL_id li:even”).addClass(“redClass”); <ul id=”UL_id”> <li>单数</li> <li>双数</li> <li>双数</li> </ul> odd:单 even:双

3/21/2013 16:53

张三李四 //获取选中项 var ddlSelected = $(‘#ddlMember option:selected’); //选中项的文本 var ddlSelectedText=ddlSelected.text(); //选中项的值 var ddlSelectedVal=ddlSelected.val();

3/14/2013 18:55

== equality 等同,=== identity 恒等。 ==, 两边值类型不同的时候,要先进行类型转换,再比较。 ===,不做类型转换,类型不同的一定不等。 下面分别说明: 先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等: 1、如果类型不同,就[不相等] 2、如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断) 3、如果两个都是字符串,每个位置的字符都一样,那么[相等];否则[不相等]。 4、如果两个值都是true,或者都是false,那么[相等]。 5、如果两个值都引用同一个对象或函数,那么[相等];否则[不相等]。 6、如果两个值都是null,或者都是undefined,那么[相等]。 再说 ==,根据以下规则: 1、如果两个值类型相同,进行 === 比较。 2、如果两个值类型不同,他们可能相等。根据下面规则进行类型转换再比较: a、如果一个是null、一个是undefined,那么[相等]。 b、如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。 c、如果任一值是 true,把它转换成 1 再比较;如果任一值是 false,把它转换成 0 再比较。 d、如果一个是对象,另一个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。 js核心内置类,会尝试valueOf先于toString;例外的是Date,Date利用的是toString转换。非js核心的对象,令说(比较麻 烦,我也不大懂) e、任何其他组合,都[不相等]。 举例: “1” == true … Continue reading

2/2/2013 19:06

window.onload = function(){ alert(“welcome”); } 这样的写法,是希望在页面加载完,自动执行定义好的 js代码(function)。 对于这样的需求,大部分的程序员都会这样做。 学习jQuery核心函数时,讲$(document).ready(function(){…. })这个函数是用来取代页面中的window.onload; 但是,今天在启动一采用了$(document).ready(function(){   })的页面时(页面上使用了一张>3M的图片),发现图片尚未完全加载时, function()中的代码已经执行。 在网上收缩两者的区别,发现已经有人有类似的经历而产生疑问(取代window.onload,意味着等价?)。 这让我想起了jQuery API中的一句话 “Allows you to bind a function to be executed when the DOM document has finished loading. ” 其,中文意思也就是说: “允许你绑定一个在DOM文档载入完成后,执行的函数。” DOM文档加载和页面加载,却是不同,也就直接说明了两者是有很大区别。 页面加载 起码包含DOM文档加载(也就是你书写的代码机构等)和页面内容加载两个方面。 这样来说,两者的区别和实质也就很明显了。

2/2/2013 14:38

Backbone 是一个 JavaScript 框架,可用于创建模型-视图-控制器 (model-view-controller, MVC) 类应用程序和单页界面。 当我们开发含有大量Javascript的web应用程序时,首先你需要做的事情之一便是停止向DOM对象附加数据。 通过复杂多变的jQuery选择符和回调函数创建Javascript应用程序,包括在HTML UI,Javascript逻辑和数据之间保持同步,都不复杂。 但对富客户端应用来说,良好的架构通常是有很多益处的。 Backbone将数据呈现为 模型, 你可以创建模型、对模型进行验证和销毁,甚至将它保存到服务器。 当UI的变化引起模型属性改变时,模型会触发“change”事件; 所有显示模型数据的 视图 会接收到该事件的通知,继而视图重新渲染。 你无需查找DOM来搜索指定id的元素去手动更新HTML。 — 当模型改变了,视图便会自动变化。

2/2/2013 14:12

Underscore 一个非常实用的JavaScript库,提供许多编程功能的支持,就像你期望 Prototype.js (或者 Ruby), 有这些功能且不扩展任何JavaScript的原生对象。 It’s the tie to go along with jQuery’s tux. Underscore提供60多个方法,即有普通的功能,例如: map, select, invoke — 也有更多特殊的编程辅助方法,例如:函数绑定、javascript模板、绝对相等判断等待。 如果一些现代的浏览器提供了内置的 forEach, map, reduce, filter, every,some 和 indexOf方法,Underscore就委托给浏览器原生的方法。 Underscore提供完整的测试用例集供你精读。 你也可以阅读有注释的源代码。 项目代码放在GitHub上,你可以通过issues页、Freenode的#documentcloud频道、发送tweets给@documentcloud三个途径报告bug以及参与特性讨论。 Underscore是DocumentCloud的一个开源组件。

1/30/2013 20:12

jQuery验证框架 六、框架内建的验证方法( List of built-in Validation methods ) [1]  required( )       返回:Boolean 说明:让表单元素必须填写(选择)。 如果表单元素为空(text input)或未选择(radio/checkbox)或选择了一个空值(select)。 作用于text inputs, selects, checkboxes and radio buttons. 当select提供了一个空值选项Choose…则强迫用户去选择一个不为空的值。 Js代码 $(“#myform”).validate({   rules: {     fruit: “required”   } }); [2]  required( dependency-expression )       返回:Boolean 参数 dependency-expression     类型:String    在form上下文中的一个表达式( String ),表单元素是否需要填写依赖于该表达式返回一个或多个元素。 说明:让表单元素必须填写(选择),依赖于参数的返回值。 表达式中像#foo:checked, #foo:filled, … Continue reading

1/16/2013 12:45 | Tag:

$(“#myELement”)    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”)           选择所有的div标签元素,返回div元素数组 $(“.myClass”)      选择使用myClass类的css的所有元素 $(“*”)             选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$(“#myELement,div,.myclass”) 层叠选择器: $(“form input”)         选择所有的form元素中的input元素 $(“#main > *”)          选择id值为main的所有的子元素 $(“label + … Continue reading

1/14/2013 12:47

http://bbs.csdn.net/topics/320156312 IE 使用 ‘filter:alpha(opacity=50);’ 通过 Filter 的 alpha 通道滤镜使元素半透明,但元素必须触发 hasLayout 特性。 非 IE 浏览器使用 ‘opacity:0.5;’ 这个 CSS3 草案中的 ‘opacity’ 特性使元素半透明。 所以同时使用 ‘filter:alpha(opacity=50);’ opacity:0.5; 即可保证在所有浏览器中呈现出半透明效果。   http://www.w3help.org/zh-cn/causes/BT9011

9/16/2012 19:01

function currentTime(){ var d = new Date(),str = ”; str += d.getFullYear()+’年’; str  += d.getMonth() + 1+’月’; str  += d.getDate()+’日’; str += d.getHours()+’时’; str  += d.getMinutes()+’分’; str+= d.getSeconds()+’秒’; return str; }

9/15/2012 23:14

http://hi.baidu.com/ruhaole/item/65ed5df334b3080985d278aa sliderIntervalID = setInterval(show,3000); clearInterval(sliderIntervalID); 当遇到setInterval,setTimeout与jquery混用的问题 时,直接按JavaScript中的语法写并不起作用,有以下两种解决方法。 方法1. 直接在ready中调用其他方法,会提示缺少对象的错误,应用jQuery的扩展可以解决这个问题。 $(document).ready(function(){ $.extend({ show:function(){ alert(“ready”); } }); setInterval(“$.show()”,3000); }); 方法2. 指定定时执行的函数时不要使用引号和括号。 function show(){ alert(“ready”); } setInterval(show,3000);// 注意函数名没有引号和括弧! ——————- setTimeout(表达式,延迟时间); 单位:ms(毫秒);1s=1000ms; setInterval(表达式,交 互时间);  单位:ms(毫秒);1s=1000ms; window.setTimeout() 在执行时,它从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次;和window.clearTimeout一起使用. window.setInterval() 在执行时,它从载入页面后每隔指定的时间执行一个表达式或者是函数;(功能类似于递归函数);和window.clearInterval一起使用. 1,基本用法: 执行一段代码:  var i=0; setTimeout(“i+=1;alert(i)”,1000); 执行一个函数: var i=0; … Continue reading

next page
辽ICP备14012896