其他分享
首页 > 其他分享> > jq再次出发!

jq再次出发!

作者:互联网

因为工作需要再次开始使用jq,由于之前用vue太多了(vue确实好用),现在开始梳理jq几乎可以说从0开始

开始吧,我们!

首先我们开始介绍jq的“高级语法”$

$("body")
//直接相当于获取元素,jq围绕的是dom操作
//还有一个小知识点script标签就是引用文件的script标签里边的js不会执行只会执行引用的文件类似于
//script有几个属性类似于async还有defer这些都是为了让script异步加载区别是
//defer是等所有文件执行完毕加载
//async类似于异步加载
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js">
//不会执行注意注意
$("body")
</script>

jq链式编程

// 就是每次方法执行完后返回this对象,这样后面的方法就可以继续在this环境下执行
$(element).css({ "background-color": 'yellow' })

jq元素遍历

//each获取.topbox的元素集合注意element需要$(element)获取一下再操作别带着(别想vue)
 $(".topbox").each((index, element) => {
        if (index == 2) {
            $(element).css({ "background-color": 'yellow',"color":'red' })
            //css({ "background-color": 'yellow',"color":'red' })   css({})适用于写多个样式
            //单个csscss("color","red")适用于写单个样式
        }
    })

每天持续更新…(简单写两句,jq主要是围绕dom操作,可能是之前用vue用的感觉有点蹩脚)

标签:vue,再次,script,color,jq,element,出发,css
来源: https://blog.csdn.net/weixin_46031099/article/details/119150555