js和jq的联系和区别

我是一个从汽车行业转行IT的项目经理，我是Edward，如想了解更多，请关注我的公众号【转行项目经理的逆袭之路】。 今天来聊聊js和jq。

以上两幅图可以表明两者之间的关系，用一句说来表示就是：
jq封装了DOM相关的操作，提高了兼容性，并且通过链式调用简化了js的操作，因此一切与DOM相关的操作，推荐用jq完成。

下面是两者的区别：

js和jquery的区别
1.入口函数不同
　　js：window.onload = function(){
   内部放js}　　　
　　实质就是一个事件，拥有事件的三要素，事件源，事件，事件处理程序。等到所有内容，以及我们的外部图片之类的文件加载完了之后，才会去执行。只能写一个入口函数。
　　jQuery:$(function(){
   })或者$(document).ready(function(){
   })
　　是在 html所有标签都加载之后，就回去执行。可以写多个。
　　window.onload=function(){
   
　　//js代码
　　}
　　等同于
　　$(window).load(function(){
   
　　//jquery代码
　　});
2.创建DOM元素
　　利用DOM方法创建元素节点，通常要将document.createElement()、document.createTextNode()、appendChild()配合使用，十分麻烦。
　　而jQuery使用$就可以直接创建DOM元素
　　var oNewP = $("<p>使用jQuery创建的内容</p>");
　　以上代码等同于javascript
　　var oNewP2 = document.createElement("p");
　　var oText = document.createTextNode("这是使用javascript方法创建的内容");
　　oNewP2.appendChild(oText);
　　例：使用jQuery创建DOM
　　<script type="text/javascript">
　　$(function(){
   
　　var oNewP = $("<p>使用jQuery创建的内容</p>");
　　oNewP.insertAfter("#display"); //insertAfter方法
　　})
　　</script>
　　<div id="display"></div>
3.获取元素
jquery：
　　通过id获取，jquery的语法更为简练$("#id").event;
　　通过class获取，$(.“css”).event()
　　通过属性html标签获取，$(“p”).event()是选中所有的p标签元素　　
　　通过属性值获取，$