Nearth===>WEB前端--第20课/JQuery/总结css方法和操作类样式方法的区别

最新推荐文章于 2019-11-16 17:30:09 发布
最新推荐文章于 2019-11-16 17:30:09 发布
阅读量106 收藏
点赞数
分类专栏： WEB前端第三季/JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ly1716/article/details/102992294
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Nearth</title>
		<script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			
		</style>
		<script type="text/javascript">
			

		</script>
	</head>
	<body>
	<h1>总结CSS方法和操作类样式方法的区别</h1>
	<hr >
	<p>
	.css()<br>
	.css("height","200px");<br>
	.css({"height":"200px","width":"200px"});<br>
	.css("height","200px").css("width","200px")<br>
	addClass()//增加所有类样式<br>
	addClass(".cls")//增加某个类样式<br>
	removeClass()//移除所有类样式<br>
	removeClass(".cls")//移除类样式<br>
	hasClass()//判断当前元素是否应用了某个类样式<br>
	toggleClass()//切换元素的类样式	<br>
	</p>
	</body>
</html>

哈哈哈啊···································

码字界陈冠希
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Nearth===>WEB前端--第20课/JQuery/产品切换案列
ly1716的博客
11-09 117
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8">&...
Nearth===>WEB前端--第17课/JQuery/样式操作的代码
ly1716的博客
10-31 97
先看效果： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="...
Nearth===>WEB前端--第7课/JQuery/JQuery中的选择器总结
ly1716的博客
10-24 104
JQuery中的选择器总结： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" cha...
Nearth===>WEB前端--第10课/JQuery/类选择器案列
ly1716的博客
10-24 139
类选择器案列： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="u...
Nearth===>WEB前端--第5课/JQuery/JQuery对象和DOM对象互转问题
ly1716的博客
10-23 110
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <!-- 使用JQuery,首先要引入JQuery框架包 --> <script src="jquery-3.3.1.min.js" ty...
Nearth===>WEB前端--第19课/JQuery/操作类样式1（增加/删除）
ly1716的博客
11-09 106
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8">&...
Nearth===>WEB前端--第3课/JQuery/顶级对象的总结
ly1716的博客
10-23 154
总结JQuery中的顶级对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <!-- 使用JQuery,首先要引入JQuery框架包 --> <script src="jquery-...
Nearth===>WEB前端--第24课/JQuery/动态创建元素总结
ly1716的博客
11-16 109
学习了这几种动态创建元素的方法，我们能做什么呢？ 添加数据（图片，文字）于固定的位置。 待写··································· ...
Nearth===>WEB前端--第13课/JQuery/层次选择器学习
ly1716的博客
10-24 146
说明：发的代码可以复制到HBuilder X编译软件中直接运行，看其结果。（还需自己动手多次敲击代码） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3....
Nearth-精品美女展示案列.rar
10-28
标题中的"Nearth-精品美女展示案列.rar"表明这是一个压缩包文件，其中包含了一个名为"Nearth"的精品美女展示案例。这个案例可能是基于Web技术，特别是JQuery库创建的一个交互式展示项目。JQuery是一个广泛使用的...
Nearth===>WEB前端--第6课/JQuery/网页实现开关灯（小案例）
ly1716的博客
10-24 507
目的：点击按钮设置body的背景颜色，实现网页开关灯的效果 DOM的方式操作代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script > window.onload=...
Nearth===021/c#抽象类、多态和接口(练习题3)
ly1716的博客
11-08 882
3,（选作）体育运动员的种类多种多样，所有运动员都可以跳跃和跑步，但是不同运动的跳跃和跑步方式是不同的，例如足球运动员跑动可以带球在脚下跑，而篮球运动员则只能拍一下球跑一步，否则就会被吹犯规，同样，足球运动员在跳跃中只能用头顶球，但是篮球运动员可以用手去抢球。编写一个名为Sportsman的接口，包括两个方法，Run()和Jump()，再分别编写篮球运动员和足球运动员的类，分别实现不同的Run和...
Nearth===021/c#抽象类、多态和接口(练习题1)
ly1716的博客
11-08 582
1、在俄罗斯方块程序中，有L形，T形，田形等多种形状，它们是图形的多种形态，可以创建一个名为Shape的基类，而后派生L形，T形等，之后可以在运行时动态绘制各种形状。 1）创建一个名位Teris的控制台应用程序、 2）各个类之间的关系如下图所示： 待上传····························· 3）创建名为Shape的抽象类，包括ShapeType属性和显示信息方法，以...
Nearth===UI/Axure RP 8软件画简单图书管理系统流程图
ly1716的博客
10-18 1673
首页 包含登录、注册、最新图书展示功能 登录页面 登录功能 注册页面 注册功能 用户信息页面 登录成功后，所显示的用户基本信息 密码修改页面 登录成功后，密码修改功能 用户信息修改页面 登录成功后，用户信息修改功能 图书列表页面 用户登录所显示的具体书籍页面 图书查询页面 用户根据查询条件，查询书籍 图书借、还图书列表页面 用户所借图书的历史记录 新增图书页面 系统管理员，新增...
Nearth===>WEB前端--第24课/JQuery/动态创建元素（点击按钮，在div中添加一个超链接）
ly1716的博客
11-14 637
代码学习： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-...
Nearth===>WEB前端--JQuery/精品美女展示案例
ly1716的博客
10-28 419
学了这么久的JQuery，是时候做点小小项目了 （该案例需要十二张美女图片，自己去找··················嘿嘿~~~~~） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="jquery-3.3.1.min....
Nearth===>WEB前端--第26课/复选框选中问题（prop(),attr()方法的使用）
ly1716的博客
11-16 354
代码学习： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ma...
Nearth===>WEB前端--第25课/JQuery/设置和获取表单元素的value(方法：val()的使用)
ly1716的博客
11-16 316
代码学习： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ma...
据说所有程序员学习的第一个程序都是在屏幕上输出一句“hello world”，跟这个世界打个招呼。作为天梯赛中的程序员，你写的程序得高级一点，要能跟任意指定的星球打招呼。\n\n输入格式：\n输入在第一行给
最新发布
03-16
定要打招呼的星球名称，为一个字符串，长度不超过20个字符。\n\n输出格式：\n输出一句话，表示向指定的星球打招呼，格式为：“Hello, XXX!”，其中XXX为输入的星球名称。\n\n输入样例：\nEarth\n\n输出样例：\nHello...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码字界陈冠希

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值