ajax的值传到html里_HTML学习--jQuery

最新推荐文章于 2022-05-15 20:53:28 发布

特大号豆腐

最新推荐文章于 2022-05-15 20:53:28 发布

阅读量539

点赞数

文章标签： ajax的值传到html里

本文链接：https://blog.csdn.net/weixin_35720035/article/details/112076784

版权

本文介绍了jQuery的基本理念和常用方法，包括获取和设置文档内容、插入文档内容的技巧。重点讲解了如何利用jQuery的Ajax功能将数据动态地展示在HTML中。

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

1. jQuery

“write Less，Do more”

这是jQuery的宗旨，jQuery是一个快速简洁的JavaScript框架，是一个优秀的JavaScript代码库。倡导写更少的代码，做更多的事情。封装了JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

MVC思路：

M-model

V-view

C-control

实际上，jQuery是用JavaScript语言写出来的一个函数对象，包含了许多属性及方法。目前已经发布到第三个版本。推荐使用第一个版本，兼容性会更好。

2.jQuery的使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>helloworld</h1>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			console.log($)
			console.log(jQuery)
			//快速获取dom
			//快速设置文档样式
			//快速设置文档内容
			//快速将内容插入文档
			//快速的写JS的动画
			//快速html事件
			//快速的写ajax
			
			$("h1").css({
				background:"skyblue",
				fontSize:"50px",
				color:"#fff"
			}).html('中午吃啥！').css({
				border:"10px solid #000"
			})
		</script>
	</body>
</html>