JQuery概述、下载和使用

最新推荐文章于 2021-04-28 14:33:36 发布

杨-Yuki

最新推荐文章于 2021-04-28 14:33:36 发布

阅读量98

点赞数

分类专栏： jQ

本文链接：https://blog.csdn.net/Orange_Sheep/article/details/107165823

版权

jQ 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

概述

j就是JavaScript; Query 查询;
意思就是查询js ,把js中的DOM操作做了封装,我们可以快速的查询使用里的功能
jQuery封装了JavaScript 常用的功能代码,优化了DOM操作、事件处理、动画设计和Ajax交互。倡导写更少的代码，做更多的事情

优点

轻量级。核心文件才几十kb，不会影响页面加载速度
跨浏览器兼容，基本兼容了现在主流的浏览器
链式编程，隐式迭代
对事件，样式，动画支持，大大简化了DOM操作
支持插件扩展开发
免费，开源

使用方式

去官网下载 https://jquery.com/download/
在这里插入图片描述
页面引入下载的js文件

jQuery入口函数

概述：

等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成了封装。
相当于原生js的DOMContentLoaded
不同于原生js中的load事件是等页面文档，外部js文件，css文件，图片加载完毕才执行内部代码

$是jQuery的别称，同时也是jQuery的顶级对象(相当于js里的document)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{
			width: 100px;
			height: 100px;
			background-color: pink;

		}
	</style>
</head>
<body>
<div></div>
	<script src="js/jquery.min.js"></script>
	<script>
	//等页面DOM加载完毕再去执行js代码
	//第一种
		$(function(){
			// 获取div   hide()隐藏
			$("div").hide();
		})
	//第二种
		$(document.ready(function(){
			$("div").hide();
		}))
	//第三种
		jQuery(function(){
			jQuery("div").hide();
		})
	</script>
</body>
</html>

杨-Yuki

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery概述、下载和使用

概述j就是JavaScript; Query 查询;意思就是查询js ,把js中的DOM操作做了封装,我们可以快速的查询使用里的功能jQuery封装了JavaScript 常用的功能代码,优化了DOM操作、事件处理、动画设计和Ajax交互。倡导写更少的代码，做更多的事情...
复制链接

扫一扫

专栏目录