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(){}) 万能的就是万能的