【web前端(三十九)】javascript

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>操作样式</title><style>/*div.a1{border: 5px double #000;}*//** 类选择器*/.a1{height: 100px;width: 100px;}   .a2{border: 2px solid #000;}div{height: 30px;/*设行高*//*当行高和块的高度一样时，文字刚好在中间。*/line-height: 30px;}</style><script type="text/javascript" src="../js/jQuery/jquery-3.4.1.min.js"></script><script type="text/javascript">$(function(){/*添加样式*///只给第一行加括号里的属性
//                  $("div:first").css("background-color","pink");/** 过滤选择器*///只给奇数行加括号里的属性
//                  $("div:even").css("background-color","pink");//只给偶数行加括号里的属性
//                  $("div:odd").css("background-color","darkgray");//eq(2)表示索引为2的行加括号里的属性$("div:eq(2)").css("background-color","darkgray");//这里是大于第二行的加括号里的属性//且括号里类名可以有很多，可以选很多行$("div:gt(2)").addClass("a1 a2");/*删除样式*///删掉奇数行$("div:even").removeClass("a1 a2");/*切换样式*//** 标签选择器*///给button加click事件$("button").click(function(){//这里toggleClass可以让属性在不同行之间切换$("div:gt(2)").toggleClass("a1 a2");});});</script></head><body><button>切换</button><div style="background-color: deeppink;">我是一颗海草</div><div>我是一颗海草</div><div>我是一颗海草</div><div>我是一颗海草</div><div>我是一颗海草</div></body>
</html>

【web前端(三十九)】javascript_jquery操作样式相关推荐

某些您可以编辑的区域交叠在一起可能不能同时显示_DX200操作要领—修改与编辑程序（三十九）...
3.5 修改程序 3.5.1 程序的调出 1. 选择主菜单中的[程序内容] 2. 选择[程序选择] –显示程序一览表. 3. 选择要调出的程序 3.5.2 程序相关画面程序相关画面有下面5种,可以确 ...
JavaScript学习（三十九）—对象中内容的操作
JavaScript学习(三十九)-对象中内容的操作一.对象中内容的操作:增.删.改.查 (一).增:给对象添加属性或者方法 1)方式1:对象名称.属性名=属性值: 2)方式2:对象名称['属性名' ...
风炫安全Web安全学习第三十九节课反序列化漏洞基础知识
风炫安全Web安全学习第三十九节课反序列化漏洞基础知识反序列化漏洞 0x01 序列化相关基础知识 0x01 01 序列化演示序列化就是把本来不能直接存储的数据转换成可存储的数据,并且不会丢掉数据 ...
javaweb学习总结(三十九)——数据库连接池
javaweb学习总结(三十九)--数据库连接池一.应用程序直接获取数据库连接的缺点用户每次请求都需要向数据库获得链接,而数据库创建连接通常需要消耗相对较大的资源,创建时间也较长.假设网站一天10 ...
[Python从零到壹] 三十九.图像处理基础篇之图像几何变换（镜像仿射透视）
欢迎大家来到"Python从零到壹",在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界.所有文章都将结合案例.代码和作者的经验讲 ...
【Visual C++】游戏开发笔记三十九浅墨DirectX教程之七他山之石：几种几何体的快捷绘制法
本篇文章里,我们对Direct3D之中几种几何体的简洁绘制方法进行了详细的剖析,最后依旧是提供文章配套的详细注释的demo源代码的欣赏,并在文章末尾提供了源代码下载.(这标题有些歧义的,这个几种是修饰 ...
孤傲苍狼只为成功找方法，不为失败找借口！ javaweb学习总结(三十九)——数据库连接池一、应用程序直接获取数据库连接的缺点　　用户每次请求都需要向数据库获得链接，而数据库创建连接通常需要
孤傲苍狼只为成功找方法,不为失败找借口! javaweb学习总结(三十九)--数据库连接池一.应用程序直接获取数据库连接的缺点用户每次请求都需要向数据库获得链接,而数据库创建连接通常需要消耗相对 ...
NeHe OpenGL第三十九课：物理模拟
NeHe OpenGL第三十九课:物理模拟物理模拟简介: 还记得高中的物理吧,直线运动,自由落体运动,弹簧.在这一课里,我们将创造这一切. 物理模拟介绍如果你很熟悉物理规律,并且想实现它,这篇 ...
三十九、Java集合中的HashSet和TreeSet
@Author:Runsen @Date:2020/6/6 作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, Java和一系列数据分析软件.导致翘课严重,专业排名 ...

【web前端(三十九)】javascript_jquery操作样式

【web前端(三十九)】javascript_jquery操作样式相关推荐

最新文章

热门文章