jQuery DOM案例

$(document).ready(function() {
//通過ID獲取元素
var title = $("#title").html();
//改變元素內(nèi)容
$("#title").html("新標(biāo)題");
//添加class屬性
$("#title").addClass("big");
//移除class屬性
$("#title").removeClass("big");
//toggle class屬性
$("#title").toggleClass("big");
//隱藏元素
$("#title").hide();
//顯示元素
$("#title").show();
//獲取表單元素值
var inputVal = $("#input").val();
//設(shè)置表單元素值
$("#input").val("新值");
//添加元素
$("body").append("
新元素
")
//移除元素
$("div").remove();
//改變元素樣式
$("#title").css("color", "red");
//獲取元素寬度
var width = $("#title").width();
//添加點(diǎn)擊事件
$("#btn").click(function() {
alert("點(diǎn)擊按鈕");
});
});

這是一個(gè)簡單的jQuery DOM案例，通過jQuery選擇器獲取頁面元素并對其進(jìn)行操作，修改元素內(nèi)容、添加、移除元素等等。jQuery使得DOM操作更加簡便。