jQuery基礎教程:樣式設置定義和元素位置

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery基礎教程:樣式設置定義和元素位置

編輯：關於JavaScript

樣式設置：
$("Element").addClass("Class")

獲得選定元素的HTML代碼,假如定義了一個類樣式叫做.main{.....}，那麼可以為p元素這麼添加$("p").addClass("main")

$("Element").removeClass("Class")

與上述一樣，addClass("main")表示添加樣式，此方法則是移除main樣式

$("Element").toggleClass("Class")

這個可以算是前兩個方法的一個綜合。簡單來說就是：如果存在（不存在）就刪除（添加）一個類。

樣式定義：
$("Element").css("name")

表示獲得某個元素的css樣式，比如$("div").css("color")表示獲得此div的字體顏色。

$("Element").css(name,value)

name表示屬性名稱，value表示值。如果為所有的div設置字體顏色為#f00的話，只需要$("div").css("color","#f00");

$("Element").css({name:"value",name:"value",......})

此方法是為了能夠對元素一次性設置多個樣式屬性，比如我想對所有的p設置字體顏色是紅色並且背景顏色是綠色，就用到了此方法$("p").css({color: "#f00", background: "#0f0"}); 當然中括號中項設置幾個就設置幾個

元素位置：
$("Element").offset()

此方法返回兩個整形屬性，分別是top和left，此方法只對可見元素有效。

元素寬高：

$("Element").width()

獲得某個元素的寬度

$("Element").width("val")

設置某個元素的寬度

$("Element").height()

獲得某個元素高度

$("Element").height("val")

設置某個元素的高度

javascript 正則表達式觸發函數進行高級替換: 一般情況下我們可能會用到正則表達式去替換文本：復制代碼代碼如下: var a = abc123a
JavaScript保留關鍵字匯總: JavaScript 標准所有的現代浏覽器已經完全支持 ES5（ECMAScript 5）。Java
jquery 簡短右鍵菜單多浏覽器兼容: jquery 簡短右鍵菜單兼容ie6 ie7 ie8 firefox chrome$(funct

DIV CSS 佈局教程網