<ul>
    <li id="btn1">1</li>
    <li>2</li>
    <li class="green">3</li>
    <li class="green">4</li>
    <li>5</li>
</ul>
<div class="green">1</div>
<div class="green">1</div>
<div class="green">1</div>
<script src="jquery-1.12.4.js"></script>
<script>
    //$其實就是一個函式，用$的時候記得跟小括號 $()
    //引數不同，功能就不同
    //3種用法

    //1:引數是一個function，入口函式
    $(function () {

    });

    //2:把dom物件轉換成jquery物件
    $(document).ready(function () {

    });

    //3:引數是一個字串，用來找物件
    $("div");//標籤選擇器
    $("#btn1");//id選擇器
    $(".current");//類選擇器

    //jq如何設定樣式     css(name,value)
    $("#btn1").css("backgroundColor","red");


    //基本選擇器
    //$("#btn1").css("backgroundColor","red");id選擇器
    //$(".green").css("backgroundColor","green");類選擇器
    //$("li").css("color","pink");標籤選擇器
    //$("s1,s2");並集選擇器
    //$("s1 s2");後代選擇器
    //$("s1>s2");子代選擇器
    //$("s1s2");交集選擇器
    //並集 交集
    //$("#btn1,.green").css("backgroundColor","hotpink");
    //只想選擇li中改變背景顏色
    //$("li.green").css("backgroundColor","red");


    //過濾選擇器
    // :odd  奇數   :even 偶數    :eq 指定下標
    // :first 第一個元素    :last 最後一個元素
    // :gt  index 大於 3 的元素     :lt  index 小於 3 的元素


    //篩選選擇器
    // children():找兒子
    // find():找後代
    // parent();找父親
    // siblings():找兄弟 不包括自己
    // next:上一個兄弟
    // prev():下一個兄弟
    // eq():指定下標


    //index():返回的當前元素在所有兄弟裡面的索引