JS和JQuery 的区别

我们来看一下它们的区别，先引入一个jQuery文件，在这里强调一下，jQuery文件要先引入，然后再引入js文件，否则页面是完全没有效果的，在js的文件里给它两个加载事件，我们给它两个提示框，但在js中只能执行一个加载事件，所以在这里执行的是第二个加载事件

window.onload=function(){
       alert("第一个");
};
window.onload=function(){
       alert("第二个");
};
$(function(){
       alert("第一个");
});
$(function(){
       alert("第二个");
});

而在jQuery中，可以多个执行，按照先后循序来执行一遍。

js和jQuery对象可以相互转换，js对象转换jQuery对象中，给js对象用$符号包裹起来就可以转换成jQuery对象；而jQuery转换成js对象里，jQuery对象后添加 [ 0 ]，就可以使得jQuery转换成js对象。

$(spanbtn);
       console.log($(spanbtn));
       spanbtn.onclick=function(){
              alert("js");
       };

spanbtn1[0];
       console.log(spanbtn1[0]);
       $("#span").click(function(){
             alert("jquery");
       });

在两个点击事件中，先执行jQuery的点击事件后执行js的点击事件，同样的不同是js的代码量较大，而在jQuery中代码较少，从而达到码少质高的效果。

我们来看一下一个日期案例，先引入jQuery脚本文件，然后在input的html里给它添加一个点击触发laydate事件就可以了。

<div class="datebox">
    <input
type="text" class="riqi" placeholder="请输入日期" onClick="laydate()">
</div>
<script
src="../js/js/jquery-3.2.1.min.js"></script>
<script src="../js/即时练习.js"></script>
<script
src="../laydate/laydate.js"></script>