jQuery具有強大的操作DOM功能，包括查找遍歷元素、操作CSS、變動html元素、以及獲取HTML文檔元素；
jQuery方法獲取的是一個jQuery對象，對象的length屬性表示該對象是否存在
一、查找遍歷元素1、使用選擇器選中某個元素；
2、遍歷某個元素；
3、取某些特定元素
$("#test").find("p"); //find方法可以直接查找出父元素下的某個子元素
$("#test").find("p").find("span"); //find方法可以疊加使用，表示查找p標籤下所有span元素
$("#test").find("p").eq(0); //eq方法可以直接獲取某個指定下標的該元素，下標從0開始
$("#test").find("input[type='checkbox']").each(function(i){//each方法直接遍歷所有該元素,i表示當前下標
if($(this).prop("checked")){
alert($(this).val());//this表示遍歷當前的元素
}
})
元素選擇器很簡單，元素選擇器選擇的元素一般爲多個
二、操作CSS
1、修改原有的樣式；
2、添加新的樣式；
3、操作CSS；
$("#test").find("p").each(function(){//each方法直接遍歷所有該元素
$(this).css({"color":"red","margin-top":"15px"});//修改多個CSS屬性
$(this).css("color","red");//修改單個CSS屬性
$(this).hide();//等同於display:none;
$(this).show();//等同於display:block;
})
三、變動html元素
1、獲取屬性；
2、設置屬性；
3、變動HTML；
$("#test").find("div").each(function(){//each方法直接遍歷所有該元素
alert($(this).attr("value"));//獲取p元素中的value屬性值，如果沒有設置返回undefined
$(this).attr("value","1"));//設置p元素一個屬性value值爲1
alert($(this).html());//獲取p元素整個HTML
$(this).html("");//清除這段HTML
$(this).empty();//清除這段HTML
$(this).append("html");//使用append方法可以在div元素內部後面添加一個段新的HTML
$(this).prepend("html");//使用prepend方法可以在div元素內部前面添加一個段新的HTML
$(this).after("html");//使用prepend方法可以在div元素外部後面添加一個段新的HTML
$(this).before("html");//使用prepend方法可以在div元素外部前面添加一個段新的HTML
})