JS 与 jQery 的区别主要在于 DOM

//目前正在学习前端阶段，把知识点整理、保存下来以便日后查看

首先引入jQery：

　　需要先引入css，再引入js；

　　jQery需要在js前引入，再引入框架，最后才是js的引入；css也相同，先引入框架，在引入css；

获取元素：

　　js：document.getElementsBy__ 　　id 　classname　tagname　name

　　jQery:$("选择器")　　$("选择器").eq(下标)  【注：获取的元素除id外，基本都是数组】;

操作内容：

　　jsDom.innerHTML=赋值　　jsDom.value

　　jQDom.html("赋值")　　jQDom.val()

操作样式：

　　jsDom.style.color="赋值"； 【注：只能操作行内样式】；

　　jQDom.css("color","#rrggbb");

　　jQDom.css({

　　　　"color":"#rrggbb";

　　　　"width":"100px";

　　});

操作属性：

　　jsDom.getAttribute("class");　　jsDom.setAttribute("class"，"add");　　jsDom.removeAttribute(‘class‘);

　　jQDom.attr("class");　　　　     jQDom.attr("class","add");　　　

　　jQDom.attr({

　　"data":"add";

　　"id":"add";

　　});

　　jQDom.removeAttr(‘class‘)　　jqDom.addclass(‘del‘)　　

js找到的是js对象  jquery找到的是jquery对象　　

　　js转为jQ　　$(jsDom)

　　jQ转为js　　$(‘div‘)[0]　　$(‘div‘).get(0)

操作事件
　　jsDom.onClick = function(){
　　　　this
　　};
　　jqDom.click(function(){
　　　　$(this)
　　});

JS 与 jQery 的区别主要在于 DOM

原文：https://www.cnblogs.com/wode007/p/13051274.html