【學習筆記】JQuery學習筆記

一、選擇器
在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,即當前對象,所以在方法返回後可以繼續實現鏈式調用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章