1. 選擇器

　　1.基本選擇器

　　　　id $("#id")

　　　　class $(".class")

　　　　標簽選擇器 $("p")

　　2.組合選擇器

　　　　後代選擇器 $(".outer p")

　　　　子代選擇器 $(".outer>p")

　　　　多元素選擇器 $(".outer,#d1")

　　3.屬性選擇器

　　　　$("[屬性名=‘值‘][...]")

　　4.表單選擇器

　　　　表單元素：$(":text")

2. 篩選器

　　1. $("ul li:first")

　　2. $("ul li").eq(0)

　　　　.first

　　　　.last

　　3. $("..").hasClass("c1")

　　4.向下查找

　　　　$("..").next()

　　　　$("..").nextAll()

　　　　$("..").nextUntil()

　　5.向上查找

　　　　$("..").prev()

　　　　$("..").prevAll()

　　　　$("..").prevUntil()

　　6.查找所有兄弟標簽

　　　　$("..").siblings()

　　7.查找子標簽：

　　　　$("..").children("")

　　　　$("..").find()

　　8.父級標簽：

　　　　$("..").parent()

　　　　$("..").parentUntil("")

3. 屬性操作

　　1.文本操作：

　　　　$("..").html() 　　　　

　　　　$("..").text() 　　

　　2.屬性操作： 　　　　

　　　　$("..").attr("屬性名") 　　　　

　　　　$("..").attr("屬性名","屬性值") 　　

　　3.class屬性操作： 　　　　

　　　　$("..").addClass("c1") 　　　　

　　　　$("..").removeClass("c1") 　　

　　4.樣式操作
　　　　$(this).html("hello").next().css("color","red")

4. 事件綁定
　　4.1 事件綁定
　　　　jquery事件綁定：jquery對象.事件(function(){})
　　　　示例：

<div>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</div>
<script src="jquery.min.js"></script>
<script>
    // jquery事件綁定：jquery對象.事件（function(){})
    $("li").click(function () {
        // $(this)  是當前點擊的標簽，是一個jquery對象
        console.log($(this).text());
    });
</script>

　　4.2 事件委派
　　　　事件委派：通過on綁定事件，指定ul的後代li綁定事件(通過父標簽，指定子標簽的綁定事件)
　　　　示例：

<div>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</div>
<div>
    <button>add</button>
</div>

<script src="jquery.min.js"></script>
<script>
    $("button").on("click",function () {
        var e_li = $("<li>");
        e_li.html("444");
        $("ul").append(e_li)
    });
    $("ul").on("click","li",function () {
        console.log($(this).html());
    });
</script>

5. $.each
　　1.$.each遍歷循環
　　　　格式：$.each(obj,fn)

<script src="jquery.min.js"></script>
<script>
    var arr = [10,20,30,40];
    var dic={name:"eric",sex:"male",age:"18"};
    $.each(arr,function(i,v){
        console.log(i,v)
    });
    $.each(dic,function(i,v){
        console.log(i,v);
    });
</script>

　　2. 格式：$("").each(fn)

<p>11</p>
<p>22</p>
<p>33</p>
<p>44</p>
<script src="jquery.min.js"></script>
<script>
　　$("p").each(function () {
　　// $(this) 代指當前循環的標簽
　　　　console.log($(this).html());
　　});
</script>

6. 文檔操作

　　1.創建一個標簽對象

　　　　$("<p>")

　　2.內部插入

　　　　$("").append(content|fn) ----->$("p").append("<b>Hello</b>");父節點.子節點

　　　　$("").appendTo(content) ----->$("p").appendTo("div"); 子節點.父節點

　　　　$("").prepend(content|fn) ----->$("p").prepend("<b>Hello</b>");

　　　　$("").prependTo(content) ----->$("p").prependTo("#foo");

　　3.外部插入，兄弟節點之間的插入

　　　　$("").after(content|fn) ----->$("p").after("<b>Hello</b>");

　　　　$("").before(content|fn) ----->$("p").before("<b>Hello</b>");

　　　　$("").insertAfter(content) ----->$("p").insertAfter("#foo");

　　　　$("").insertBefore(content) ----->$("p").insertBefore("#foo");

　　4.替換

　　　　$("").replaceWith(content|fn) ----->$("p").replaceWith("<b>Paragraph. </b>"); 替換節點，被替換節點

　　5.刪除

　　　　$("").empty() 清空

　　　　$("").remove([expr]) 刪除

　　6.復制

　　　　$("").clone([Even[,deepEven]])

jquery基本知識