jQuery入门概念

starry__sty

于 2020-09-29 11:16:52 发布

阅读量98

点赞数

分类专栏： jQuery内容文章标签： jquery

本文链接：https://blog.csdn.net/starry__sty/article/details/108864832

版权

jQuery内容专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1:什么是jQuery?
它通过封装原生的 JavaScript 函数得到一整套定义好的方法。
2：jQuery的作用？

1.像 CSS 那样访问和操作 DOM 
	2.修改 CSS 控制页面外观 
	3.简化 JavaScript 代码操作 
	4.事件处理更加容易 
	5.各种动画效果使用方便 o
	6.让 Ajax 技术更加完美 
	7.基于 jQuery 大量插件
	8.自行扩展功能插件

3：jQuery的优点？
以更少的代码、实现更多的功能
4：jQuery的引入方式？

1：本地引入（外链接）
	<script src="../js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script>
2：网址引入 
	百度：
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	又拍云：
	<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>
	新浪：
	<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
	Google 谷歌
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

5：$(function(){})类似window.onload,告诉浏览器先加载html和css在加载js代码
6：本地引入和网站的引入的区别：

本地引入的优缺点：
	优点：
	1：本地引入JQ加载的时候速度更快.
	2：本地引入更加稳定。
	缺点：
	1：但是会增加项目的体积，本地引入的库或者框架或者插架太多让网站打开速度变慢。
	网站引入的优缺点：
	优点：
	1：不必担心增加项目的体积。
	缺点：
	1：引入有时会不稳定。

简单代码;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$('button').click(function(){
					alert('哈哈哈')
				})
			})
		</script>
	</head>
	
	<body>
		<button>点击</button>
	</body>
</html>

starry__sty

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery入门概念

1:什么是jQuery?它通过封装原生的 JavaScript 函数得到一整套定义好的方法。2：jQuery的作用？1.像 CSS 那样访问和操作 DOM 2.修改 CSS 控制页面外观 3.简化 JavaScript 代码操作 4.事件处理更加容易 5.各种动画效果使用方便 o 6.让 Ajax 技术更加完美 7.基于 jQuery 大量插件 8.自行扩展功能插件3：jQuery的优点？以更少的代码、实现更多的功能4：jQuery的引入方式？1：本地引入（外链接）
复制链接

扫一扫

专栏目录