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