JQuery学习第一天

rover丶chase

于 2019-05-14 19:13:08 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery日常学习笔记

本文链接：https://blog.youkuaiyun.com/programmer_noob/article/details/90213121

2 篇文章

订阅专栏

一、addClass( )方法使用案列
当点击文字时文字的颜色会发生改变，使用addClss()方法
1.先定义一个css样式

<style type="text/css">
	.revision{
		color: deepskyblue;	
	};
</style>

2.在页面中导入JQuery文件

<script src="../js/jquery-1.7.js" type="text/javascript" charset="utf-8"></script>

3.导入后编写触发事件，修改h1的颜色效果

<script type="text/javascript">
	$(function(){
		$("body").click(function(){
			$("h1").addClass("revision");
		});

4.html中的主要代码如下：

<body>
 	<h1>你是人间的四月天</h1>
 	</body>

在这里插入图片描述 5.在页面点击文字时就会出现改变颜色的效果：