jquery介绍以及jquery和javascript加载区别

jquery介绍

什么是jquery

在这里插入图片描述
Jquery它是javascript的一个轻量级框架,对javascript进行封装,它提供了很多方便的选择器。供你快速定位到需要操作的元素上面去。还提供了很多便捷的方法。

怎么使用jquery

Jquery它是一个库(框架),要想使用它,必须先引入!
jquery-1.8.3.js:一般用于学习阶段。
jquery-1.8.3.min.js:用于项目使用阶段

Jquery的简单入门

所有的jquery代码写在页面加载函数
$(function(){
Jquery代码
});

获取元素

JS:document.getElementById();
JQ:$(“#id”);

代码展示

有几点注意:

  • 使用javascript写两个页面加载函数,存在覆盖的情况。(js是整个页面加载完毕<包括其他内容,比如图片>)
  • 通过测试jquery比javascript执行更快!(jquery当整个dom树结构绘制完毕就会加载)
  • jquery不存在覆盖问题,加载的时候都是按照顺序执行
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="js/jquery-1.8.3.js"></script>
	<script>
		window.onload =function(){
			alert("张三");
		}
		//使用javascript写两个页面加载函数,存在覆盖的情况。(js是整个页面加载完毕<包括其他内容,比如图片>)
		window.onload =function(){
			alert("老王");
		}
		//通过测试jquery比javascript执行更快!(jquery当整个dom树结构绘制完毕就会加载)
		//jquery页面加载事件
		$(document).ready(function(){
			alert("李四");
		});
		//jquery不存在覆盖问题,加载的时候都是按照顺序执行
		$(document).ready(function(){
			alert("王五");
		});
		//jquery页面加载事件简写
		$(function(){
			alert("汾九");
		});
	</script>
	<body>
	</body>
</html>

发布了93 篇原创文章 · 获赞 0 · 访问量 331

猜你喜欢

转载自blog.csdn.net/qq_40332952/article/details/104382695