什么是 jQuery?

最新推荐文章于 2024-07-27 17:56:15 发布

故屿γ

最新推荐文章于 2024-07-27 17:56:15 发布

阅读量1.2k

点赞数

文章标签： jquery java

本文链接：https://blog.csdn.net/weixin_49770443/article/details/109473263

版权

jQuery 框架

它是一款 JavaScript 框架及函数库；是对 JavaScript 的一种封装。

jQuery是一个 JavaScript 函数库。
jQuery是一个轻量级的"写的少，做的多"的 JavaScript 库。

jQuery库包含以下功能：
HTML 元素选取
HTML 元素操作
HTML 事件操作
CSS 操作
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX 异步请求方式
Utilities...

当然，前端也有其它的框架，比如 react.js, Vue.js, IView, bootstrap, …

前端所涉及到的技术:
	Json	 	   -->  数据载体，也叫 Model 层, 简称 	M
	
	HTML    	   --> 页面结构， 也叫 View 层，简称	V
	
	CSS            --> 页面装饰，也叫 View 层， 简称 	V
	
	JavaScript     --> 控制，也叫 Controll层，简称 	C

使用 jQuery 框架的目的

提高我们的 js 开发效率以及节约开发时间。

比如：


<html>
	<head>....</head>
	<body>
		<button id="btn">click me</button>

		<!-- 原生态的 js代码 -->
		<script type="text/javascript">
			window.onload=function() {
				alert("页面的元素构建完成以及内容下载完毕后，执行");
			}
		</script>
		<!-- jquery代码 -->
		<script type="text/javascript">
			$(function(){
				alert("页面的元素构建完成后，我就执行");
			});
		</script>
	</body>
</html>

下载 jquery 框架

	官网：www.jquery.com

使用jquery框架的步骤

1. 在html 中导入 jquery框架的脚本

		<script src="xxx/xxx/jquery-min-version.js" type="text/javascript"></script>

2. 在需要编写脚本的地方，通过<script>标签来编写 jquery 代码

		<script type="text/javascript">
		$(function(){
			//todo ...
		});
		</script>

3. 利用jquery提供的选择器进行元素的选择。

jquery 框架的两大核心元素

1. 选择器 [selector]
		常用的选择器
			id 选择器：使用 #号开头， 如： $("#btn")    ==>  document.getElementById("btn");

			类型选择器：使用 . 开头， 如：$(".txt")   ==> 查询出所有使用了 class="txt" 的元素

	进一步限定的的选择：
		$("p.txt")     ==> 查询出所有使用了 class="txt" 的 <p>元素


2. 常用方法  [method]

回到顶部

Note:
欢迎点赞，留言，转载请在文章页面明显位置给出原文链接
知者，感谢您在茫茫人海中阅读了我的文章
没有个性哪来的签名！
详情请关注点我
持续更新中

故屿γ

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
什么是 jQuery?

jQuery 框架它是一款 JavaScript 框架及函数库；是对 JavaScript 的一种封装。jQuery是一个 JavaScript 函数库。jQuery是一个轻量级的"写的少，做的多"的 JavaScript 库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作HTML 事件操作CSS 操作JavaScript 特效和动画HTML DOM 遍历和修改AJAX 异步请求方式Utilities... 当然，前端也有其它的框架，比如 r...
复制链接

扫一扫