jQuery的CSS操作
2024-08-25 03:01:34
.css()——获取匹配元素集合中的第一个元素的样式属性的值设置每一个匹配元素的一个或多个CSS属性。
.hasClass()——确定不论什么一个匹配元素是否有被分配给定的(样式)类;
.addClass()——为每一个匹配的元素加入指定的样式类名。
.removeClass()——移除集合中每一个匹配元素上一个,多个或所有样式;
.toggleClass()——在匹配的元素集合中的每一个元素上加入或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:假设存在(不存在)就删除(加入)一个类。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>加入元素&删除元素</title>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/css.js"></script>
<style>
.divStyle{
width:800px;
height: 25px;
background-color: #1abc9c;
}
</style>
</head>
<body>
<div id="div1">
获取匹配元素集合中的第一个元素的样式属性的值或设置每一个匹配元素的一个或多个CSS属性。
</div> </body>
</html>
$(document).ready(function(){
//$("#div1").css({
// width:"700px",height:"25px",backgroundColor:"#01C5FF"
//});
//$("#div1").addClass("divStyle");
//$("#div1").removeClass("divStyle");
$("#div1").click(function(){
$(this).toggleClass("divStyle");
})
})
最新文章
- 在Eclipse中使用建立使用Gradle做依赖管理的Spring Boot工程
- ant学习简单例子
- 例子:Background Audio Streamer Sample
- Enum Helper
- node不懂的方法的使用
- LDM和STM指令
- Leetcode#49 Anagrams
- SQL经典问题 找出连续日期及连续的天数
- strcmp的源码实现
- IOS 学习笔记 2015-04-03 OC-API-文件读写
- C++ Primer 5th 第7章 类
- uu云验证码识别平台,验证码,验证码识别,全自动验证码识别技术,优优云全自动打码,代答题系统,优优云远程打码平台,uu云打码
- 一个爬取Bing每日壁纸的python脚本
- JSP、Servlet、JDBC学习笔记
- Linux系统调用列表(转)
- 关于APS在企业生产计划上的应用
- 喵哈哈村的魔法考试 Round #18 (Div.2) 题解
- sql server 查询不为空的字段
- 目标检测之rcnn---开启检测新高度优于dpm
- linux常用命令:Linux 文件类型与扩展名