jQuery:是JavaScript的一个类库全写JavaScript query write less do more
JavaScript查询写的更少做的更多
第一步先导入js文件:
<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>
然后再去写你想要操作的元素。例:我想要通过id去获取div:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>
<script>
//1.js获得元素的方式
var div1=document.getElementById("div1");
//2.JQuery获得元素的方式
//第一步先导入js文件
var div2=$("div1");
</script>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
在这里我们写了js和jQuery的获取元素的方式的对比,很明显,jQuery简洁明了。
jQuery中alert弹框可以写多次且不冲突,js中只能执行最后一个alert。jQuery也有三种书写方式,常用的是第一种。
//js只会弹出456
window.onload=function(){
alert("123");
}
window.onload=function(){
alert("456");
}
/*
jquery三个都会弹出,可以写多个,不冲突
jQuery的三种书写方式
$的俩个含义:
1.相当于:window.onload=function(){}
2.功能比window.onload更强大,可以表示多种意思。
*/
$(function(){
alert("123");
})
jQuery(function(){
alert("456");
})
$(document).ready(function(){
alert("789");
})
js弹框:
jQuery弹框: