jQuery

介绍&入门

<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)
    }

小结


选择器

基本选择器

层级&属性



过滤&表单

小结


DOM

操作文本&操作对象


操作样式&操作属性


小结



全部评论

相关推荐

评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务