随笔分类 - javascript
摘要：.clone()$(selector).clone(includeEvents)$(this).clone(true) //boolean值，true/false分别对饮是否复制元素的所有事件处理
阅读全文
摘要：function addClass1(element,value){ if(!element.className){ element.className = value; }else{ newClassName = elem...
阅读全文
摘要：function addLoadEvent(func){ var oldOnload = window.onload; if(typeof(window.onload) != 'function'){ window.onload = func; ...
阅读全文
摘要：document.addEventListener("touchstart", function(){}, true) //JS部分a:active{ background:red} //css部分
阅读全文
摘要：window.onload = window.onresize = function initialLoad(){updateOrientation();}function updateOrientation(){ var contentType = ''; switch(window....
阅读全文
摘要：jquery1.7+以后用.attr('checked')得到的，都是undefined。结论就是.attr()不能用于普通对象，数组，窗口，文档。要重新获取改变的dom属性，需要用.prop()方法。$(obj.prop('checked')){ //true}else{ //false}
阅读全文
摘要：document.body.clientWidth BODY对象宽度。通配符未清零margin的时候，小于页面可见区域宽度document.body.clientHeight BODY对象高度。document.documentElement.clientWidth 可见区域宽度document.d...
阅读全文
摘要：浏览器在执行JavaScript代码时会停止处理页面，当页面中有很多JavaScript文件或代码要加载时，将导致严重的延迟。尽管可以使用defer、异步或将JavaScript代码放到页面底部来延迟JavaScript的加载，但这些都不是一个好的解决方案。下面是Google的建议。测试结果：
阅读全文
摘要：选择器Selector的使用$("#id")使用id来定位DOM元素无疑是最佳提高性能方式，因为jQuery底层将直接调用本地方法document.getElementbyId()，如果熟悉javascript的朋友应该了解这个方法将直接通过元素id来返回对应的元素。当然，如果这个方式不能直接找到你需要的元素，那么你可以考虑调用.find()方法。如下：$("#gbid").find("div")使用以上方法可以有效的缩小你定位的DOM元素。$("p")，$("div")，$("inp
阅读全文
摘要：bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的$("a").live("click",function(){alert("ok");});delegate(selector,[type],[data],fn) 指定的元素（属于被选元素的子元素
阅读全文
摘要：<ul class="main"> <li> <div class="li_div"> <a href="#"><img src="1.jpg" width="100%" alt="" /></a> <div class="tagbox"> <ul class="tags"> <li class="tit">&
阅读全文
摘要：定义：appendChild()方法可向节点的子节点列表的末尾添加新的子节点语法：appendChild(newchild)参数：newchild/所添加的节点定义：insertBefore()方法可在已有的子节点前插入一个新的子节点语法：insertBefore(newchild,refchild)参数：newchild/插入新的节点； refchild/在此节点前插入新节点<div id="box"> <p id="p1">1</p> <p id="p2">2</p> &
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：<div id="text"></div><input type="button" onclick="display('text')" />function $_(id){ return document.getElementById(id);};function display(x){ $(x).style.display=($(x).style.display=="none")?"":"none";};
阅读全文
摘要：<div class="a" onclick="g(this)"></div>function g(e){ e.className=(e.className=="a"?"a2":"a")}
阅读全文
浙公网安备 33010602011771号