一.節點的操作
1.查找節點:
var $var_1=$("htmltype"); //這句話就是獲取所有htmltype節點
如:var $ul_1=$("ul");
2.創建並追加節點:
var $var_1=$("<htmltype>");//這句話是創建一個節點
$("htmltype2").append($var_1) ; //這句話是把節點插入所有htmltype2節點中
例子:var $li_1=$("<li title="title1">香蕉</li>");
$("ul").append($li_1);
其中插入方法有以下幾種:
例子:$("ul").append("<li>你好</li>");//在ul內部追加li
$("<li>你好</li>").appendTo("ul");//在ul內部追加li
3.刪除節點
例子:$("ul li:eq[1]").remove(); //獲取ul中的第二個li並刪除
$("ul li").remove(“li[title="菠蘿"]”);//刪除ul中li元素屬性title="菠蘿"的元素
4.復制節點
例子:$("ul li:eq[1]").clone().appenTo("ul");//復制並追加到ul中,只復制是不會顯示出來的
5.替換節點
6.包裹節點
二.屬性操作
1.獲取和設置屬性
var $var_1=$("p");//這句話是獲取節點P
var $p_1=$var_1.attr("title");//獲取節點P的title屬性
var $p_2=$var_1.attr("title","你好");//設置節點P的title屬性為"你好"
2.刪除屬性
$("p").removeAttr("title");//刪除節點P的Title屬性
三.樣式操作
1.獲取和設置樣式
var $var_class=$("p").attr("class");//獲取節點P的class屬性
$("p").attr("class","class1");設置節點P的class屬性為樣式表類class1
2.追加樣式
例子:$("p").addClass("another");添加樣式表類another類到P
3.移除樣式
4.切換樣式
5.判斷某個樣式是否存在
四.內容的操作
五.CSS-DOM技術