直入正题吧. 先看jQuery的$.isWindow函数: 代码如下: function isWin(obj){ return obj && typeof obj === object && setInterval in obj; } 这个函数本身是很科学的, 它主要是通过检查目标对象是否拥有setInterval属性来判断. 然而问题在于, 在缺少约定的情况下, 它也许并不太可靠, 比如: 代码如下: var o={xx:oo}; o[setInterval]=true; console.log( isWin(o) ); // true 上例通过给对象字面量添加setInterval属性, 欺诈成功...
之前一直都不曾注意到这一点,今天幸亏看了kuibono的文章,下面是kuibono给出的手动回收xmlHttpRequest对象的代码片断: 每次jquery的Ajax请求都会创建一个xmlHttprequest对象,理论上讲,长连接的请求是一个无限递归,请求数量是非常大的,但是由于每次请求都会建立一个新的xmlhttprequest,而且jquery不会自动回收资源,所以导致了内存溢出。 通过查看jquery API,发现jquery还有一个 complete对象,是请求完成后回调函数 (请求成...
代码如下: 拖拽 *{margin: 0;padding: 0;} #drag{background: #ccc;height: 200px;width: 300px;text-align: center;line-height: 200px;position: absolute;left: 20px;top: 20px;} 我可以拖动哦!! //jquery方法拖拽 /**$(function(){ var move = false; //判断是否被移动 var a = 0; var b = 0; $("#drag").mousedown(function(event){ move = true; a = event.pageX - parseInt($("#drag").css("left")); b = even...
使用jQuery选择器选择页面元素,目的是为了生成jQuery对象,语法相当简单:$(selector)。但值得注意的是,这是生成jQuery对象,不是DOM对象,因此$(selector).innerHTML以获取元素内部HTML代码是错误的,正确写法是$(selector).html()。同样的,判断一个DOM对象是否存在,不能够写成if($(selector)),而是if($(selector).length>0)。 当然jQuery对象和DOM对象可以互转换。从上面的例子也可以看出,jQuery对象可以视为是一个DOM对象...
jQuery代码的任务就是生成jQuery对象A,操作jQuery对象A;生成jQuery对象B,操作jQuery对象B……但是若此过程中,对象A、B……之间有某种关系,那么完全没必要一个个去$(selector),这很繁琐的。因此jQuery提供了一些方法,使流程变为生成jQuery对象A,操作jQuery对象A;更改为jQuery对象B,操作jQuery对象B…… 一个jQuery对象,既要进行N次操作,又要进行M次更改。因此有必要将生成的jQuery对象存储在一个变量中,多次调用。然而...
下面就是一些常用方法,格式为$(selector).方法,其中$(selector)即当前选定元素: 移动元素方法描述append($(selector))向当前元素的内部追加内容appendTo($(selector))将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原prepend($(selector))向当前元素的内部前置内容prependTo($(selector))将当前元素在某元素内部前置。类似于appendTo(),会改变对象after($(selector))向当...
元素的属性处理方法描述attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN})获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明)。也可以一次性给同一元素多个属性removeAttr(name)删除某个元素的属性取值元素的class属性处...
CSS基本属性处理方法描述css(name)获取元素上CSS规则中name属性值css(name,value) css(name,fn(index,value)) css({name1:value1,…,nameN:valueN})设置元素上CSS规则name属性的值为value,也可使用函数参数,不解释;还可以一次性为同一元素设置多个CSS属性 CSS尺寸属性处理方法描述height()获取元素CSS属性height的值width()获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值,多用于数学运算,比较方便...
核心代码: 代码如下: var arr = new Array(); arr[0] = $(this).parents("tr")[0]; arr[1] = $(this).parents("tr").next()[0]; var dom = $(arr); $(dom).find("td.title a").hide(); $(dom).find("td.title input").show();
1、JavaScript访问DOM对象方法: var oTxtValue=document.getElementById("Text1").value; 2、JQuery访问DOM对象方法: var oTxtValue=$("#Text1").val(); 通过JQuery库中的方法访问或控制页面中的元素,比使用JavaScript代码要简洁得多,而且兼容各浏览器。 示例代码: 代码如下: 控制DOM对象 .divFrame{width:260px;border:solid 1px #666;font-size:10pt} .divTitle{background-color:#eee;padding:5px} .divContent...
HTML 代码如下: JsBin-在线js/css调试工具 article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } Hello OSTools JavaScript 代码如下: //jq创建一个新的节点对象; //例如: var objNewDiv = $('',{'id':'mydiv','class':'menu'}); objNewDiv.html(123456); $('#hello').append(objNewDiv); console.log(objNewDiv); 结果: JavaScript教程/参考手册 JavaScript...
代码如下: // jquery对象转js对象 $(#search)[0].checked=true; // js对象转jquery对象 var obj = document.getElementById(search); alert($(obj).checked);
前段时间看了阮一峰的jQuery的deferred对象详解一文,对jQuery中的deferred的用法了一些了解,今天看到园子里的一篇文章:关于重构JS前端框架的失败经验(顺便怀念那些死去的代码),于是把我之前写的一个利用jQuery的deferred异步按顺序加载JS文件方案分享出来,欢迎指正。如果你现在对jQuery中的deferred还不了解,强烈建议你看一下阮一峰的jQuery的deferred对象详解一文。 加载JS文件的代码如下: 代码如下: /* Loading JavaSc...
代码如下:以下是本人的一些分享,我热爱编程,希望能多交编程的爱好者,如果你也是其中一名,那么请加好友,大家关注一下,下面的文章是自己觉得一些有用的东西,留下来给自己当笔记,当然也希望能帮助到你,首先感谢你的阅读~! 如果我们在用jQuery作为客户端页面的脚本,时常都会涉及到jQuery对象和Javascript对象的相互转换。因为,DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能...
Requirement: 一个json object,并且可能包含一些空值或者空字符串,在页面显示的时候希望遇到空值显示“N/A”,但是有一部分值是允许空值的。因此希望通过筛选将空值设为“N/A”.例如希望学生的“age”和“score”如果为空显示“N/A”,而“sex”或者“comment”为空则不做处理。 代码如下:var student = { "name" : "Guo", "sex" : "", "age" : "", "num ": 01, "score...