一、選擇器
在CSS規則中兩個選擇器中添加空格和不添加空格是有區別的:加空格表示的是後代選擇器(可以不是直接子元素),而不加空格則表示的是在一個元素上同時滿足兩個條件,即不加空格表示的是“且”的關係。
.example .pp{
color: orange;
}
.example.pp2 {
color: green;
}
第一個表示的是具有.example類元素中具有.pp類的子元素:
<p class="example">文字文字<span class="pp">pp這個class生效</span>....</p>
第二個表示的是同時具有.example和.pp類的元素
<p class="example pp2">pp2這個class生效</p>
不加空格的“且”選擇器的作用是由於CSS是層疊樣式選擇器,會有樣式覆蓋的情況,所以利用該方式可以直接添加某個選擇器的權重,使其具有較高的優先級。
二、當JQuery中的$符出現命名
var jq = JQuery.noconflict()
利用以上的方式將JQuery進行重命名別名,然後在使用JQuery的地方用jq代替$符即可。
三、jQuery中的鏈式調用
jQuery中可以進行鏈式調用,是因爲在jQuery實例方法中通常會返回this,即當前對象,所以在方法返回後可以繼續實現鏈式調用。