屬性： css
得到標籤：$("#id")
得到標籤內的代碼：.html()
得到標籤內的文本：.text()
修改標籤內的代碼：.html("內容");
修改標籤內的文本：.html("內容"); html
得到標籤屬性：.attr("屬性");
修改標籤屬性：attr("屬性","屬性值"); app
添加樣式：addClass("樣式名");
動態切換樣式：toggleClass("樣式名");
獲取樣式：css dom
添加元素：append("元素");
移去元素：.remove();
清空節點： .empty(); 字體
獲取第二個li節點： var $li=$("ul li:eq(1)");
獲取第二個li節點的文本內容： var li_txt=$
方法：
一：插入節點：
append() 向每一個匹配的元素文本內部的後面追加內容
eg：<p>我想說：</p> 代碼： $("p").append("<b>你好</b>");
結果爲：<p>我想說：<b>你好</b></p> htm
appendto() 將全部的匹配的元素追加到指定的元素中。實際上，使用該方法是顛倒了常規的$(A).append(B)的操做，即不是B追加到A中，而是將A追加到B文本的後面中。
eg：<p>我想說：</p> 代碼： $("<b>你好</b>").appendTo("p");
結果爲：<p>我想說：<b>你好</b></p> rem
prepend() 向每一個匹配的元素文本的內部前置內容。
eg：<p>我想說：</p> 代碼： $("p").prepend("<b>你好</b>");
結果爲：<p><b>你好</b>我想說：</p> input
prependto() 將全部的匹配的元素前置到指定的元素中。實際上，使用該方法是顛倒了常規的$(A).append(B)的操做，即不是B前置到A中，而是將A前置到B中
eg：<p>我想說：</p> 代碼： $("<b>你好</b>").prependto("p");
結果爲：<p><b>你好</b>我想說：</p> it
after() 向每一個匹配的元素以後插入內容 。
eg：<p>我想說：</p> 代碼： $("p").after("<b>你好</b>");
結果爲：<p>我想說：<b>你好</b></p> io
insertAfter 將全部的匹配的元素插入到指定的元素後面。實際上，使用該方法是顛倒了常規的$(A).append(B)的操做，即不是B插入到A後面，而是將A插入到B後面。
eg：<p>我想說：</p> 代碼： $("<b>你好</b>").after("p");
結果爲：<p>我想說：<b>你好</b></p>
before() 在每一個匹配的元素以前插入內容
eg：<p>我想說：</p> 代碼： $("<b>你好</b>").after("p");
結果爲：<p>我想說：<b>你好</b></p>
insertBefore():將A標籤插入到B標籤的前面
二：刪除：
①remove 該節點所包含的全部的後代節點將同時被刪除 也能夠經過參數來選擇
②empty 清空節點，它能清空元素中的全部後代節點
三：替換節點：
①replaceWith() 做用是將全部匹配的元素都替換成指定的HTML或DOM元素
②replaceAll()
四：包裹節點:
①warp() 做用是是將全部元素進行單獨包裹
②warpAll() 做用元素的是全部匹配的元素用一個元素來包裹
③warpinner() 做用是將每個的子內容（包括文本節點）用其餘結構化的標記包裹起來
五：設置和獲取HTML、文本值
一、html()：
二、text
三、val
六：遍歷節點
一、children（）： 取得匹配元素的子元素
二、next（）：取得匹配元素後面緊鄰的同輩元素
三、prev（）：取得匹配元素前面緊鄰的同輩元素
四、siblings（）：取得匹配元素先後全部的同輩元素
五、closest（）：取得最近的匹配元素
七：css-dom
css 獲取樣式的屬性
offset（）
position
scroll
scrollLeft
樣式操做：
1：獲取樣式和設置樣式 attr
eg：<p class="myClass" title="選擇你最喜歡的水果">你最喜歡的水果是？</p>
獲取樣式： var p_class=$("p").attr("class");
設置樣式：$("p").attr("class","high");
2：追加樣式 addClass
<style>
.high{
font-weight:bold 粗體字
color:red 字體顏色
}
.another{
font-weight:italic 斜體字
color:blue 字體顏色
}
</style>
追加樣式： $("input:eq(2)").click(function(){$("p".addClass("another"))})
☆在css中有如下規定：
①若是給一個元素添加了多個class值，那麼就至關於合併了他們的樣式
②若是不一樣的class設置了同同樣式，則後者覆蓋前者
addClass attr
對同一個網頁元素進行操做 <p>test</p> <p>test</p>
第一次使用 $<"p">.addClass("high"); $<"p">.attr("class","high");
第一次結果 <p class="high">test</p> <p class="high">test</p>
再次使用 $<"p">.addClass("another"); $<"p">.attr("class","another");
最終結果 <p class="high another">test</p> <p class="another">test</p>
3：移除樣式 removeClass
<p class="high another">test</p>
移除一個：$<"p">.removeClass("high");
移除二個：$<"p">.removeClass("high").removeClass("another");==$<"p">.removeClass("high another")
移除所有：$<"p">.removeClass();
4：切換樣式 toggle
5：判斷是否含有摸個樣式 hasClass 能夠用來判斷元素中是否含有某個class，若是有返回true不然返回false