1.var elem=document.getElementById(“id值”);

返回值: 一个元素对象 如果没有找到返回null

2.elems=parent.getElementsByTagName(“标签名”)

返回值: 返回动态集合如果没找到: 返回空集合

3.var elem=parent.querySelector(“selector”);

返回值: 1个元素对象，没找到返回null ，括号里面写选择器

querySelector() 方法仅仅返回匹配指定选择器的第一个元素

如果你需要返回所有的元素，请使用querySelectorAll() 方法替代

4.var elems=parent.querySelectorAll(“selector”);

返回值: 非动态集合(non-live collection) : 实际存储数据的集合,没找到返回空集合\

5.获取: elem.getAttribute(“属性名”)

修改: elem.setAttribute(“属性名”,”值”)

判断是否包含: elem.hasAttribute(“属性名”)

移除属性: elem.removeAttribute(“属性名”)

document.getElementsByTagName('img')[0].getAttribute('src') 能够获取src的路径

5.状态属性: disabled selected checked

6.$(...).hasClass("class名"),$(...).addClass("class名"), $(...).removeClass("class名")

  $(...).hasClass("class名"),$(...).toggleClass("class名")

7.onfocus获取焦点,onblur失去焦点,onmousemove 鼠标移动

onkeydown  onkeyup 按下回车 和 抬起 键盘代替 鼠标,oncontextmenu 右键事件

8.按节点间关系查找:

1、父子关系:

  $(...).parent() 代替了.parentNode

  $(...).children(["selector"]) 代替了.children

  $(...).find("selector") 在所有后代中找符合selector要求的子元素。

  $(...).children().first() 代替.firstElementChild

  $(...).children().last()  代替.lastElementChild

2、兄弟关系:

    $(...).prev() 代替了.previousElementSibling

    $(...).prevAll() 找之前的所有兄弟

    $(...).next() 代替了.nextElementSibling

    $(...).nextAll() 找之后的所有兄弟

    $(...).siblings() 找除自己之外的前后所有兄弟

    $("selector").index(DOM/$(...)):

    在左边的结果集合中找右边的元素的位置

3.jquery移除

    $().parent().remove();

4.jquery

     $(...).html() html片段: 修改html  innerHTML

     $(...).val() 表单元素的值  value

     $(...).attr({ 属性名:值,  })    修改属性

     $(...).prop("属性名"[,"值"]) 修改状态的 selected checked disabled

     $(...).css({css属性名:"值", })

     $(...).addClass("class名")  添加

     $(...).removeClass("class名")

     $(...).hasClass("class名")  判断是否有这个class

     $(..).click(function(){}) jquery 点击事件

     $(...).on( ”事件",function(){})  万能的就是万能的