DOM操作的分類
????DOM操作分為3個方面,即DOM Core(核心)本股、HTML-DOM和CSS-DOM争剿。
DOM Core
????JavaScript中的getElementById()、getElementByTagName()痊末、 getAttribute()和setAttribute()等方法蚕苇,這些都是DOM Core的組成部分。
HTML_DOM
????document.forms;
????element.src;
????element.alt;
CSS_DOM
????CSS_DOM 是針對CSS的操作凿叠。
????CSS-DOM技術(shù)的主要作用是獲取和設(shè)置style對象的各種屬性涩笤。
????例如: element.style.color=“red”;
each()
??定義和用法:
????each() 方法為每個匹配元素規(guī)定運行的函數(shù)。
????提示:返回 false 可用于及早停止循環(huán)盒件。
????語法:
????$(selector).each(function(index,element))
????參數(shù)描述:
????index - 選擇器的 index 位置
????element - 當(dāng)前的元素(也可使用 "this" 選擇器)
????eg:$("li").each(function(){ alert($(this).text()) });
操作內(nèi)容
????html():設(shè)置或返回所選元素的內(nèi)容(等同于js中的innerHTML)
????text():設(shè)置或返回所選元素的文本內(nèi)容(等同于js中的innerText)
????val():設(shè)置或返回表單字段的值(等同于js中的value)
操作“元素”屬性
??1.獲取元素的屬性
????attr(name)
????語法:$(selector).attr(attribute)
??2蹬碧、設(shè)置元素的屬性
???? 2.1 attr(key,value) 設(shè)置指定key屬性的屬性值為value
????語法:$(selector).attr(attribute,value)
????2.2 設(shè)置多個屬性/值對
????語法:$(selector).attr({attribute:value, attribute:value ...})
刪除元素的屬性
????removeAttr(name) : 刪除指定的屬性
????說明:name表示屬性的名稱。
操作元素的樣式
????1炒刁、直接設(shè)置樣式屬性: css()方法
????2恩沽、獲取樣式和設(shè)置樣式
????獲取:$(“#nav”).attr(“class”)
????設(shè)置:$(“#nav”).attr(“class”,”nav2”)
????3翔始、增加樣式
addClass(class)
說明:參數(shù)class為樣式名稱罗心,也可以同時增加多個樣式,只需要用空格將其隔開即可城瞎。
????addClass(class1 class2…)
????4渤闷、移除樣式
????removeClass([class])
????可選。規(guī)定要移除的 class 的名稱脖镀。如需移除若干類飒箭,請使用空格來分隔類名。如果不設(shè)置該參數(shù)蜒灰,則會移除所有類弦蹂。
????5、樣式切換
????toggleClass(class)
????說明:參數(shù)class為樣式名稱强窖。其功能是當(dāng)元素中含有名稱為class的樣式時凸椿,刪除該樣式,否則毕骡,增加該樣式削饵。
5岩瘦、判斷是否含有某個樣式
????hasClass(class)
????說明:參數(shù)class為樣式名稱。該方法用來判斷元素中是否含有某個class窿撬,如果有启昧,則返回true,
否則返回false劈伴。