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

上一篇:[原创]java WEB学习笔记95:Hibernate 目录


下一篇:如何针对 iPhone X 设计网站?