jquery的主要功能有哪些

$(document); // 選擇整個檔案物件
$("#myId"); // 選擇id = 'myId' 的元素
$(".myClass"); // 選擇class = 'myClass' 的元素
$("div.myClass"); // 選擇class = 'myClass' 的div元素
$("input[name=first]"); // 選擇name = 'first' 的 input 元素

$("a:first"); // 選擇網頁中第一個a元素
$("tr:odd"); // 選擇表格中的奇數行
$("#myFrom:input"); // 選擇表單中的id='myFrom'的input元素
$("div:visible"); // 選擇可見的div元素
$("div:gt(2)"); // 選擇所有的div元素，除了前3個
$("div:animated"); // 選擇當前處於動畫狀態的div元素

$("div").has("p"); // 選擇包含p元素的div元素
$("div").not(".myClass"); //選擇class != 'myClass' 的div元素
$("div").filter(".myClass"); // 選擇class = 'myClass' 的div元素
$("div").first(); // 選擇第1個div元素
$("div").eq(5); // 選擇第6個div元素

$("div").next("p"); // 選擇div元素後面的第1個p元素
$("div").parent(); // 選擇div元素的父元素
$("div").closest("from"); // 選擇離div最近的from父元素
$("div").children(); // 選擇div的所有子元素
$("div").siblings(); // 選擇div同級的其他兄弟元素（不包括自己）

$("div").find("p").addClass("first").removeClass("second").html("third");
// 分解
$("div") // 找到div元素
  .find("p") // 選擇其中的p元素
  .addClass("first") // 新增一個class = 'first'
  .removeClass("second") // 刪除一個class = 'second'
  .text("third"); // 將文字改為 third

$("div") // 找到div元素
  .find("p") // 選擇其中的p元素
  .addClass("first")
  .removeClass("second")
  .text("third")
  .end() // 將jQuery物件從p退回到div
  .addClass("myDiv"); // 給div新增一個class = 'myDiv'

let $myDiv = $("<div class='myDiv'><p>Derek</p></div>"); // 建立新的元素，用變數$myDiv儲存
$("body").append($myDiv); // 把$myDiv儲存的新元素插入到body中
$("ul").append("<li>list</li>"); // 把新建立的li插入到ul中

.remove() 不保留被刪元素的事件
.detach() 保留被刪元素的事件，便於在重新插入檔案時使用
.empty() 清空元素內容，但不刪除該元素（即刪除元素裡面的所有節點）

$("div").insertAfter($("p")); // 把div元素移動到p元素的後面
$("p").after($("div")); // 把p元素移動到div元素的前面

// 在div內部的 末端 插入內容
$("div").append("插入的部分");
$("插入的部分").appendTo("div");
// 在div內部的 頂端 插入內容
$("div").prepend("插入的部分");
$("插入的部分").prependTo("div");

$("h1").html(); // html沒有傳參，實現取出h1的值
$("h1").html("Hello"); // html傳參'Hello'，實現對h1進行賦值