目录
引言:
1. JQuery的概述:
2. JQuery快速入门:
2.1 入门步骤:
2.2 实例演示:
引言:
jQuery诞生于2006年,由John Resig创建。当时,JavaScript和DOM操作的标准化程度较低,开发者需要使用许多不同的JavaScript代码来使网页能够跨浏览器正常工作。John Resig认为这是一个很大的问题,因此他开发了jQuery,希望通过这个库来简化跨浏览器JavaScript开发,使开发者更容易地处理DOM、事件和Ajax等常见任务。jQuery被广泛认可,并成为了当今最流行的JavaScript库之一。它极大地推动了Web前端开发的发展,为Web开发者提供了一个简单、灵活的解决方案。
1. JQuery的概述:
-
jQuery 是一个 JavaScript 库,用来简化JavaScript代码的编写和处理。
-
所谓的库,就是一个 JS 文件,里面封装了很多预定义的函数,比如获取元素,执行隐藏、移动等,目的就 是在使用时直接调用,不需要再重复定义,这样就可以极大地简化了 JavaScript 编程。
-
jQuery提供了一个跨浏览器的API,可以轻松地完成许多常见的Web开发任务,比如DOM操作、事件处理、动画效果、Ajax异步请求等。
-
由于其简捷和高效的特点,jQuery已成为Web开发中非常流行和广泛应用的框架之一。它可以快速地帮助开发者创建出具有交互性和动态性的网页。
-
jQuery 官网
2. JQuery快速入门:
2.1 入门步骤:
编写 HTML 文档。
引入 jQuery 文件。
使用 jQuery 获取元素。
使用浏览器测试。
2.2 实例演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>快速入门</title>
</head>
<body>
<div id="div">我是div</div>
</body>
<!--引入 jQuery 文件-->
<script src="js/jquery-3.3.1.min.js"></script>
<script>
// JS方式,通过id属性值来获取div元素
var jsDiv = document.getElementById("div");
//alert(jsDiv);
//alert(jsDiv.innerHTML);
// jQuery方式,通过id属性值来获取div元素
var jqDiv = $("#div");
alert(jqDiv);
alert(jqDiv.html());
</script>
</html>
如果对你有帮助,请帮我点一下赞,我才有动力继续创作,谢谢!