1)擷取DOM元素id和css屬性
DOM也就是html的節點,javascript通過操作這些節點來實現網站的動態。
原始的W3C也提供了訪問節點的操作,但是不是很好用,一般都用jQuery
直接存取id節點
$('#elementID')
2)修改css屬性
css的屬性對應到html裡面就是class,每個class的數值都要與css列表中的某個保持一致,這樣才能正確顯示網頁,javascript就是要修改這些class的數值,來動態改變網站的內容。
擷取樣式
$(element).css('prop')
修改樣式
$(element).css('prop','value')
$(element).css({prop:'value', prop2:'value2'} )
3) 對html的普遍操作
更新元素的全部內容
$(element).html("<p>hello</p>")
$(element).text("<p>hello</p>")
向元素中注入其他內容
$(element).before("<p>hello</p>")
$(element).prepend("<p>hello</p>")
$(element).append("<p>hello</p>")
$(element).after("<p>hello</p>")
4) DOM 載入 與 window onload
一般認為dom載入更快,但是有些情況非用window載入,比如你要等圖片load近來之後才知道圖片的size
In HTML:
<body onload="
SomeJavaScriptCode">
In JavaScript:
window.onload=function(){
SomeJavaScriptCode};
5)監聽事件
事件非常多,jquery用bind 和 unbind實現在某個元素進行監聽
這一部分沒有仔細看但是基本都是jquery要做的事情,以後需要仔細閱讀以下jqeury相關內容。