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进行赋值