介绍&入门

<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // let node1 = document.getElementById("id")
    // alert(node1);
    // alert(node1.innerText);

    let node2 = $("#id");
    alert(node2 );
    alert(node2.html())
</script>

基本语法

js和jq对象转换

事件

使用

<script>
    $("#click").click(function(){
        alert("点我干饭？")
    })
</script>

绑定&解绑

切换&遍历

<body>
    <ul>
        <li>传智播客</li>
        <li>程序员</li>
        <li>仁智专修学院</li>
    </ul>
    <input type="button" value="点我" id="btn">
</body>
<script>
    //方式一
    // $("#btn").click(function(){
    //     let lis = $("li")
    //     for(let i =0; i<lis.length;i++){
    //         alert(lis[i].innerHTML)
    //     }
    // })
    //方式二
    $("#btn").click(function(){
        let lis = $("li")
        lis.each(function(index,ele){
                alert(index+":"+ele.innerHTML)
        })
    })
</script>

//方式三
    // let lis = $("li")
    // $.each(lis,function(index,ele){
    //     alert(index+":"+ele.innerHTML)
    // })

    //方式四
    let lis = $("li")
    for(ele of lis){
        alert(":"+ele.innerHTML)
    }