-
$(document).ready 的作用是等頁面的文檔(document)中的節(jié)點都加載完畢后,再執(zhí)行后續(xù)的代碼,因為我們在執(zhí)行代碼的時候,可能會依賴頁面的某一個元素,我們要確保這個元素真正的的被加載完畢后才能正確的使用。
查看全部 -
jQuery是一個JavaScript腳本庫,不需要特別的安裝,只需要我們在頁面 <head> 標簽內(nèi)中,通過 script 標簽引入 jQuery 庫即可。查看全部
-
jQuery
查看全部 -
$(document).ready 的作用是等頁面的文檔(document)中的節(jié)點都加載完畢后,再執(zhí)行后續(xù)的代碼,因為我們在執(zhí)行代碼的時候,可能會依賴頁面的某一個元素,我們要確保這個元素真正的的被加載完畢后才能正確的使用。
查看全部 -
//is 原聲的寫法 var a = document.getElementById(“test”); a.style.css(“color”,”red”); //jquery的寫法 var b = $(“#test”); b.css(“color”,”red”);查看全部
-
jquery對象是一個類數(shù)組對象,也就是一個數(shù)組,每一個元素是dom元素; 通過下標或者get()方法獲取dom元素。查看全部
-
其中的switch 為布爾值,決定添加或刪除類式
查看全部 -
不難想到$(".imooc").css()方法內(nèi)部肯定是帶了一個隱式的循環(huán)處理,
查看全部 -
查看全部
-
可維護性:
.addClass()的本質是通過定義個class類的樣式規(guī)則,給元素添加一個或多個類。css方法是通過JavaScript大量代碼進行改變元素的樣式
通過.addClass()我們可以批量的給相同的元素設置統(tǒng)一規(guī)則,變動起來比較方便,可以統(tǒng)一修改刪除。如果通過.css()方法就需要指定每一個元素是一一的修改,日后維護也要一一的修改,比較麻煩
靈活性:
通過.css()方式可以很容易動態(tài)的去改變一個樣式的屬性,不需要在去繁瑣的定義個class類的規(guī)則。一般來說在不確定開始布局規(guī)則,通過動態(tài)生成的HTML代碼結構中,都是通過.css()方法處理的
樣式值:
.addClass()本質只是針對class的類的增加刪除,不能獲取到指定樣式的屬性的值,.css()可以獲取到指定的樣式值。
樣式的優(yōu)先級:
css的樣式是有優(yōu)先級的,當外部樣式、內(nèi)部樣式和內(nèi)聯(lián)樣式同一樣式規(guī)則同時應用于同一個元素的時候,優(yōu)先級如下
外部樣式?<?內(nèi)部樣式?<?內(nèi)聯(lián)樣式
.addClass()方法是通過增加class名的方式,那么這個樣式是在外部文件或者內(nèi)部樣式中先定義好的,等到需要的時候在附加到元素上
通過.css()方法處理的是內(nèi)聯(lián)樣式,直接通過元素的style屬性附加到元素上的
通過.css方法設置的樣式屬性優(yōu)先級要高于.addClass方法
總結:
.addClass與.css方法各有利弊,一般是靜態(tài)的結構,都確定了布局的規(guī)則,可以用addClass的方法,增加統(tǒng)一的類規(guī)則 如果是動態(tài)的HTML結構,在不確定規(guī)則,或者經(jīng)常變化的情況下,一般多考慮.css()方式
查看全部 -
.toggleClass( )方法:在匹配的元素集合中的每個元素上添加或刪除一個或多個樣式類,取決于這個樣式類是否存在或值切換屬性。即:如果存在(不存在)就刪除(添加)一個類
.toggleClass( className ):在匹配的元素集合中的每個元素上用來切換的一個或多個(用空格隔開)樣式類名
.toggleClass( className, switch ):一個布爾值,用于判斷樣式是否應該被添加或移除
.toggleClass( [switch ] ):一個用來判斷樣式類添加還是移除的 布爾值
.toggleClass( function(index, class, switch) [, switch ] ):用來返回在匹配的元素集合中的每個元素上用來切換的樣式類名的一個函數(shù)。接收元素的索引位置和元素舊的樣式類作為參數(shù)
注意事項:
toggleClass是一個互斥的邏輯,也就是通過判斷對應的元素上是否存在指定的Class名,如果有就刪除,如果沒有就增加
toggleClass會保留原有的Class名后新增,通過空格隔開
查看全部 -
選擇器冒號前匹配的是類的名
查看全部 -
子選擇器只對直接的子元素有作用
而后代選擇器包含除父元素以外的所有元素,包含子元素 孫元素
而兄弟選擇器的選擇需要用classname 來引導位置
查看全部 -
//id為menu_con元素 的第一個div元素 里面index為0的dd標簽 的子元素中index小于4的a元素
查看全部 -
addClass與css區(qū)別
可維護性:
.addClass()的本質是通過定義個class類的樣式規(guī)則,給元素添加一個或多個類。css方法是通過JavaScript大量代碼進行改變元素的樣式
通過.addClass()我們可以批量的給相同的元素設置統(tǒng)一規(guī)則,變動起來比較方便,可以統(tǒng)一修改刪除。如果通過.css()方法就需要指定每一個元素是一一的修改,日后維護也要一一的修改,比較麻煩
靈活性:
通過.css()方式可以很容易動態(tài)的去改變一個樣式的屬性,不需要在去繁瑣的定義個class類的規(guī)則。一般來說在不確定開始布局規(guī)則,通過動態(tài)生成的HTML代碼結構中,都是通過.css()方法處理的
樣式值:
.addClass()本質只是針對class的類的增加刪除,不能獲取到指定樣式的屬性的值,.css()可以獲取到指定的樣式值。
樣式的優(yōu)先級:
css的樣式是有優(yōu)先級的,當外部樣式、內(nèi)部樣式和內(nèi)聯(lián)樣式同一樣式規(guī)則同時應用于同一個元素的時候,優(yōu)先級如下
外部樣式?<?內(nèi)部樣式?<?內(nèi)聯(lián)樣式
.addClass()方法是通過增加class名的方式,那么這個樣式是在外部文件或者內(nèi)部樣式中先定義好的,等到需要的時候在附加到元素上
通過.css()方法處理的是內(nèi)聯(lián)樣式,直接通過元素的style屬性附加到元素上的
通過.css方法設置的樣式屬性優(yōu)先級要高于.addClass 方法
總結:
.addClass與.css方法各有利弊,一般是靜態(tài)的結構,都 確定了布局的規(guī)則,可以用addClass的方法,增加統(tǒng)一的 類規(guī)則 如果是動態(tài)的HTML結構,在不確定規(guī)則,或者經(jīng)常變化的 情況下,一般多考慮.css()方式
查看全部
舉報