1、z-index不起作用?
z-index不起作用原因:1、问题标签没有 position:absolute属性。2、问题标签浮动:float:left | fight 。3、问题标签父级有position:relative。
解决:1、问题标签加position:relative || absolute属性。 2、清除浮动。3、position:relative改为positionabsolute
http://blog.sina.com.cn/s/blog_93a6a0c30101fshd.html
2、position:fixed在ie下抖动问题?
源代码:父级:position: fixed ;
子级:
position: absolute;//只有加这个属性,z-index才会起作用 z-index: -1;
以上代码在除ie外的浏览器都没有异常,在ie下滚动窗口会使父级来回抖动。
原因:z-index:-1引起的,具体原因还没找到。
解决:z-index:在取值要在0以上。
3、如何获取自身到父级的左边距离?
$('div').position().left //获取当前标签相对于父级的左边距离。
4、获取文本框的值
text = $("input").val();
5、|| &&的用法:
a : b || {};
||:非。如果b没有值,则把后边的{}赋值给a;如果b有值,则把b的值给a。
a : b && {};
&&:且。如果b有值,则把{}赋值给a;如果b没有值,则a的值为null或undefined。
eg:
if(a>5){ alert("haha"); } //可以这样写 a>5 && alert("hah");
在js逻辑运算中:0;“”、null、undefined、NaN都会判断为false。
&&的优先级要高于||
&&类似于*;||类似于+。
逻辑运算里!的优先级最高。
参考网址:
http://jianguang-qq.iteye.com/blog/462449?page=2(讲的比较详细)!
6、一般框架或库里都会遇见这种写法:
if(!!attr){ //something }
这里的!!attr为什么不直接写成attr?!!的作用是把一个其他类型的变量转成的bool类型。(这种做法更严谨)。
7、$.extend的各种用法。
1)、
把src1、src2合并到“{}”中,并给aa。var aa = $.extend({},src1,src2);
得到结果: result = {name: " Jerry " ,age: 21 ,sex: " Boy " }var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
2)、
如果extend()只有一个参数
$.extend(src)
这是将src合并到jQuery的全局对象中去。
$.extend({ hello:function(){alert('hello');} });
3)、重载原型。
extend(boolean,dest,src1,src2,src3...)
深度拷贝:
var result=$.extend( true, {}, { name: "John", location: {city: "Boston",county:"USA"} }, { last: "Resig", location: {state: "MA",county:"China"} } );
得到结果:
result={name:"John",last:"Resig", location:{city:"Boston",state:"MA",county:"China"}}
浅拷贝:
var result=$.extend( false, {}, { name: "John", location:{city: "Boston",county:"USA"} }, { last: "Resig", location: {state: "MA",county:"China"} } );
得到结果:
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}
8、看一些插件源码时,总会看到:this=that
作用:
把当前作用域的this存储起来,以供将来调用。
好处:
比如当前fn1()的this指向当前执行上下文,如果fn1()里还有fn2(),则这个this则指向fn2()。
所以,要把fn1()的this存储起来,在fn2()里就可以调用fn1()的东西了。