JQuery概念和JQuery快速入门
Jquery基础：
- 概念： 一个JavaScript框架，简化JS开发
- JQuery是一个快速、简介的JavaScript框架，是继Prototype之后有一个优秀的JavaScript代码库(或JavaScript框架)。Jquery设计的宗旨是”write Less,Do More”，即提倡写更少的代码，做更多的事情，它封装了JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互
- JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/itcast.js">
</script>
</head>
<body>
<div id="div1">div1....</div>
<div id="div2">div2....</div>
<script>
//根据id获取元素对象
// var div1 = document.getElementById("div1");
// var div2 = document.getElementById("div2");
/* var div1 = get("div1");
var div2 = get("div2");*/
var div1 = $("div1");
var div2 = $("div2");
//获取标签体内容
alert(div1.innerHTML);
alert(div2.innerHTML);
</script>
</body>
</html>
//封装方法，根据id来获取元素对象
function $(id) {
var obj = document.getElementById(id);
return obj;
}
JQuery快速入门
- 步骤：
- 下载JQuery
- 导入JQuery的js文件
- 使用
网页中添加 jQuery
可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：
从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
有两个版本的 jQuery 可供下载：
Production version – 用于实际的网站中，已被精简和压缩。
Development version – 用于测试和开发（未压缩，是可读的代码）
以上两个版本都可以从 jquery.com 中下载。
jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 script 标签引用它：
<script src="jquery-1.10.2.min.js"></script>
jquery-xxx.js：开发版本，给程序员看的，有良好的缩进和注释体积大一些
jquery-xxx.min.js：生产版本。程序中使用，没有缩进，体积小一些程序加载更快
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="div1">div1....</div>
<div id="div2">div2....</div>
<script>
var div1 = $("#div1");
var div2 = $("#div2");
alert(div1.html());
alert(div2.html());
</script>
</body>
</html>
版权声明：本文为java原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。