jquery的一些方法
# 註：jquery需要導包 格式<script type="text/javascript" src="jquery-3.2.1.js">></script>
1.讀寫節點html內容：
node.html(); // 讀取節點裏的所有內容（文本和標簽等信息）；
node.html( " " ); // 往該節點寫入html內容，裏面的內容會被覆蓋。
eg： $("p").html("修改後");
2.讀寫節點文本內容
node.text();
node.text(" "); // 文本內容與html內容的區別在於文本內容只包含文本，沒有其他html的元素（標簽等）
3.增加節點： var p1=$( "<p>創建一個p節點</p>" );
4.插入節點：
parent.append(p1); //將p1節點作為最後一個子節點插入；
eg(例子):$("body").append(p1);
parent.prepend(p1); // 將p1節點作為第一個子節點插入；
brother.afetr(p1); //作為弟弟（同級下一個）節點插入
brother.afetr(p1); //作為哥哥（同級上一個）節點插入
5.刪除節點：
node.remove(); // 刪除節點
eg：$("p").remove();
node.remove(選擇器)； //刪除滿足選擇器的節點
node.empty(); //刪除節點的內容，但保留標簽
6.樣式操作
node.addClass(" "); //追加樣式，參數中傳入一個類
eg: $("p").addClass("size");
node.removeClass(" "); //移除指定樣式
node.removeClass(); //移除所有樣式
toggleClass(" "); //在設置和取消中切換
hasClass(" "); //判斷是否有某個樣式
node.css("","").css("","") ; //設置樣式的值，可多個
7.遍歷節點的操作
parent.children() / parent.children(選擇器):訪問直接的子節點
node.next(); // 訪問下一個兄弟（同一個父類的同級元素）節點；
node.prev(); //訪問上一個兄弟節點
node.sibling();// 訪問所有的兄弟節點
node.find();// 查找所有後代節點
node.parent(); //查找父節點
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title>
<style type="text/html">
.size{
font-size:30px;
}
</style>
</head> <body> <p>示範文本</p> <img src=""> </body> </html>
jquery的一些方法