css属性选择器*=,|=,^=,$=,*=的区别 （别人的学习笔记）

先上总结:

　　"value是完整单词" 类型的比较符号:  ~=  ,  |=

　　"拼接字符串" 类型的比较符号:  *=  ,  ^=  ,  $=

 

1.attribute属性中包含value:　

    [attribute~=value] 属性中包含独立的单词为value

　　　　e.g:[title~=flower]  -->  <img src="/i/eg_tulip.jpg" title="tulip flower" />

    [attribute*=value] 属性中做字符串拆分，只要能拆出来value这个词就行

　　　　e.g:[title~=flower]   -->  <img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" />

 

2.attribute属性以value开头:

　　[attribute|=value] 属性中必须是完整且唯一的单词，或者以-分隔开

　　　　e.g:[lang|=en]     -->  <p lang="en">  <p lang="en-us">

　　[attribute^=value] 属性的前几个字母是value就可以

　　　　e.g:[lang^=en]    -->  <p lang="ennn">

 

3.attribute属性以value结尾:

　　[attribute$=value] 属性的后几个字母是value就可以

　　　　e.g:a[src$=".pdf"]

 

 

附加看到的博文:  http://blog.sina.com.cn/s/blog_4b32835b01014iv9.html

js ==与===区别（两个等号与三个等号）

1、对于string,number等基础类型，==和===是有区别的

1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等

2）同类型比较，直接进行“值”比较，两者结果一样

 

2、对于Array,Object等高级类型，==和===是没有区别的

进行“指针地址”比较

 

3、基础类型与高级类型，==和===是有区别的

1）对于==，将高级转化为基础类型，进行“值”比较

2）因为类型不同，===结果为false