jQuery基本用法

最新推荐文章于 2020-07-03 19:25:02 发布

Fuego801

最新推荐文章于 2020-07-03 19:25:02 发布

阅读量456

点赞数

本文链接：https://blog.csdn.net/Fuego801/article/details/51037982

版权

1.jQuery库的导入:

2.jQuery使用方法：

$("id or class or tagName").属性();

Eg:

<span style="font-size:14px;"><html>
	<head>
		<title>jQuery</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width; initial-scale=1.0">
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.2.min.js"></script>
		<style>
			#cicle {
				width:100px;
				height:100px;
				background:red;
				border-radius:50px;
			}
			.square {
				width:100px;
				height:100px;
				background:yellow;
			}
		</style>
	</head>
			
	<body>
		<div id="cicle"></div>
		<div class="square"></div>
		<div class="square"></div>
		<script type="text/javascript"> 
			$("#cicle").click(function() {
				alert("cicle jQuery");
			}
			);
		</script>
	</body>
</html></span>

3.jQuery获取/设置html文本内容：

alert($("p").html());获取内容

$("p").html("who?");设置内容

4.用jQuery获取和设置标签属性：

eg:

获取：$("iframe").attr("src");

设置：$("iframe").attr("src", "http://www.sina.com");.

5.利用jQuery设置和获取css的属性和内容：

alert($(".square").css("width“));获取

$(".square").css("width“, "200px");设置

有多个div

$(”div“).hide(); 隐藏div中的内容。

$(”div“).fadeOut(); 渐渐淡去。

$(this).hide(); this指鼠标点击到的div.

Fuego801

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery基本用法

1.jQuery库的导入: //在线导入 //导入本地jQuery文件2.jQuery使用方法：$("id or class or tagName").属性();Eg: jQuery #cicle { width:100px; height:100px; background:red; bo
复制链接

扫一扫