JavaScript选择器 js选择器的优先级
原创
©著作权归作者所有:来自51CTO博客作者码海航行侠的原创作品,请联系作者获取转载授权,否则将追究法律责任
选择器的优先级
1.最高优先级是 (直接在标签中的设置样式,假设级别为1000)<div style="color:Red;"></div>
2.次优先级是(ID选择器 ,假设级别为100) #myDiv{color:Red;}
3.其次优先级是(类选择器,假设级别为10) .divClass{color:Red;}
4.最后优先级是 (标签选择器,假设级别是 1) div{color:Red;}
5.那么后代选择器的优先级就可以计算了啊
比如 .divClass span { color:Red;} 优先级别就是:10+1=11
var foo="bars";
var myObject={
foo:"bar",
func:function(){
var self=this;
console.log(this.foo);//当前this指向对象myObject
console.log(self.foo);//self是this的副本,同时指向myObject
(function(){
console.log("******>"+this.foo);//立级执行函数的中的this指向window;
//立即执行匿名函数表达式(IIFE)是由window调用的,this指向 window
//在非严格模式下输出bars;严格模式下位Undefined;
console.log(self.foo);
console.log(myObject.foo);
}());
console.log("----->"+this.foo);
}
}
myObject.func();
var name="the window";
var object ={
name:"My Object",
gerNameFunc:function(){
return function(){
return this.name;
};
}
};
console.log(object.gerNameFunc()());//严格模式下为undefined;
//非严格模式下this指向window的对象,即全局变量;
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。