2018.6.26 jq

js和jquery    操作元素  差别在DOM操作

找元素

js   document.getElementById();

     document.getElementByTagName();

jquery  .one

     $(选择器)  $('img')

js对象  jsobj    jquery对象 jqobj

操作内容

    js 

非表单元素      jsobj.innerHTML           jsobj

表单元素        jsobj.value

jquery

 非表单    jqobj.html()     jqobj.html('123')

表单元素  jqobj.val()       jqobj.val("123")

操作属性

js

   jsobj.getAttribute("class");

   jsobj.setAttribute("class","add")

   jsobj.removeAttribute("class")

jquery

  jqobj.attr('class','add');一个参数是获取   两个参数是设置

 jqobj.attr({'class':'add','id':'id'});同时设置多个属性  用json格式数据

 jqobj.removeAttr()

jqobj.addClass('add');

操作样式

js   

   jsobj.style.color="red";

jquery

   jqobj.css();

操作事件

js

   jsobj.onclick=function(){}

jquery

   jqobj.click(function(){})

添加删除元素 

 jqobj.html('<button></button>')

页面加载完成

jquery

方法一

    $(document).ready(function(){

     })

方法二

    $(function(){

     })