以前写定时器的时候,总是习惯直接 setInterval("fn()",2000); 最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,如下 $(function(){setInterval("fn()",2000);}) 解决方法是去掉引号和括号,采用最原始的方法 $(function(){setInterval(fn,2000);}) 另外一种就是在书写jq的扩展,如下 代码如下: $(function(){ $.extend({ fn:function(){ alert("im fn!"); } }); setInterval("$.fn()",2000); }); 以上写...
cloneNode 是 HtmlElement 原型链上的方法,用于创建指定 dom 节点的拷贝,它接受一个布尔参数 include_all,如果 include_all 设置为 true,则副本会带有指定节点的所有子节点。 然而,script 标签也是 dom 节点,cloneNode 对其依然有效,经实测各浏览器(尤其是IE)对 cloneNode 执行结果表现不一致,主要现象为以下两种: IE,至少是 IE8 及以下,对某节点 cloneNode 时,如果该节点包含 script 节点,那么 script 节点的脚本内...
今天在看jquery的时候里面用到了parseFloat(第一个参数,10),一直不懂第二个参数是什么意思,于是上网查了一下,怕以后忘记就记下来。 定义和用法:parseFloat() 函数可解析一个字符串,并返回一个浮点数。 语法:parseFloat(string),参数string是必须的,表示要被解析的字符串 返回值:返回解析后的数字 注意事项: 1.开头和结尾的空格是允许的。 2.如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN 3.如...
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。因此,使用load方法时尽量把load方法写在页面顶部。调用load方法的完整格式是:lo...
currentStyle 1.复合样式:currentStyle取不到 例:background、margin 2.取默认样式 3.只能读 代码如下: 获取计算后的样式 #div1{ height:100px; background:#069;} //兼容 function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj, false)[name]; } } window.onload=function() { var oDiv=document.getElementById('div1'); alert(getStyle(oDiv, ...
今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素代码如下: var inputObj = document.createElement("<input type=text size=8 style=border:0px;border-bottom:2px solid #c0c0c0; " readonly >");但是这样的情况在ff下是不兼容的。 还有就是特别注意input元素的创建:与 input 有关的元素有很多,...
这里要注意的是js的时间戳是13位,php的时间戳是10位,转换函数如下: 代码如下: var nowtime = (new Date).getTime();/*当前时间戳*/ /*转换时间,计算差值*/ function comptime(beginTime,endTime){ var secondNum = parseInt((endTime-beginTime*1000)/1000);//计算时间戳差值 if(secondNum>=0&&secondNum<60){ return secondNum+秒前; } else if (secondNum>=60&&secondNum<3600){ var nTime=parseInt(secondNum/60); return n...
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内...
JavaScript脚本文件都放在页面底部加载,可以有效地加快页面的加载速度。 但是,php控制器一般这样写: 代码如下: $this->load->view($HEADER); $this->load->view($MENU); $this->load->view($VIEW_SHOW, $data); $this->load->view($FOOTER); $FOOTER是个共用模版,用于加载js及css文件。 $VIEW_SHOW作为主模版,则可能要单独写些js代码,这些代码通常需要使用公共文件的资源的话,把js写到$FOOTER的后面就不方便了,jQuery的$(...
原理解释: var $t_a=$(".test :hidden") //带空格 表示的是选择class为test里面隐藏的元素; var $t_a=$(".test:hidden")//不带空格 表示的是选择隐藏的class为test的元素; 举例说明: 代码如下: 输出结果分别为:2和3;
此文摘自《锋利的jQuery》,另外添加了一点自己的东西 选择器中的空格是不容忽视的,多一个空格或少一个空格也许得到的结果会截然不同的。下面来看一个例子。 先构建如下的HTML代码: 代码如下: Jquery教程 Jquery学习 Jquery插件 PHP学习 Jquery插件教程 Jquery插件学习 jQuery代码: 代码如下: var $test_a = $(".test :hidden");//带空格的jQuery选择器 var $test_b = $(".test:hidden");//不带空格的jQuery选择器 var len...
1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: 代码如下: 一年级 二年级 三年级 四年级 五年级 六年级 七年级 八年级 一:首先来说第一点,获取checkbox的选中项。网上搜到的大部分方法使用each来获取:代码如下:$("input[name=checkbox][checked]").each(function () { alert(this....
如以下示例:向所有段落中追加一些HTML标记。 HTML 代码: 代码如下:I would like to say: jQuery 代码: 代码如下:$("p").append("Hello");结果: [ I would like to say: Hello ] 这样看好像没什么,很正常,如果我们换个方式追加呢? $("p").append(""); $("p").append("Hello"); 结果: [ I would like to say: Hello ] 结果就成这样了,为什么会这样呢? 我想应该是在调用append()函数时,它会自动去检测你加进去的html内容是否...
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单: 对象是一个无序的“‘名称/值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值' 对”之间使用“,”(逗号)分隔 先来看个解析实例代码如下: eval函数解析json...
直接看代码吧,测试结果也贴在里面了 代码如下:var arrDemo = new Array();arrDemo[0] = 10; arrDemo[1] = 50; arrDemo[2] = 51; arrDemo[3] = 100;arrDemo.sort(); //调用sort方法后,数组本身会被改变,即影响原数组alert(arrDemo);//10,100,50,51 默认情况下sort方法是按ascii字母顺序排序的,而非我们认为是按数字大小排序arrDemo.sort(function(a,b){return a>b?1:-1});//从小到大排序alert(arrDemo);//10,50,51,100arrDemo.s...