jq-入门的基本概念

Gypsophila 、

于 2020-10-06 15:23:27 发布

阅读量139

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/O_326326/article/details/108935816

版权

本文介绍了jQuery的基础概念，包括其作为JavaScript库的作用，如操作DOM、CSS修改、代码简化、事件处理和动画效果，以及其优点——高效编程。通过实例展示了如何在HTML中引入和使用jQuery进行按钮点击事件处理。

摘要由CSDN通过智能技术生成

1:什么是jQuery?
它通过封装原生的 JavaScript 函数得到一整套定义好的方法。
2：jQuery的作用？
1.像 CSS 那样访问和操作 DOM
2.修改 CSS 控制页面外观
3.简化 JavaScript 代码操作
4.事件处理更加容易
5.各种动画效果使用方便
6.让 Ajax 技术更加完美
7.基于 jQuery 大量插件
8.自行扩展功能插件
3：jQuery的优点？
以更少的代码、实现更多的功能
4：jQuery的引入方式？
1：本地引入（外链接）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 100px;
				height: 100px;
				background: red;
			}
		</style>
		
	</head>
	<body>
		<div id="box"></div>
	</body>
	<!--<script src="../js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<button>点击</button>
	</body>
	<script type="text/javascript">
		$('button').click(function(){
			alert('你好')
		})
//		jQuery('button').click(function(){
//			alert('不好')
//		})

//		$(function(){
//			$('button').click(function(){
//				alert('哈哈')
//			});
//		})
		
	</script>
</html>