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>