jQuery

--在文档中,任何一个节点都有3个属性,而 id / name / value 是具体节点的属性.

--元素节点没有nodeValue属性值:null

window.onload =function(){} ---->基本上等价于$(function(){})，但不完全一样

===================================== jQuery =================================================
1.jQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象
--jQuery 对象是一个数组。

--获取jQuery对象
var $btn =$("button");

--可以通过数组的下标转为DOM对象
$btn[1].firstChild.nodeValue;

-- 由DOM对象转为jQuery对象 var btn = document.getElementById("btn"); <---选取一个DOM对象
把DOM 对象转为一个由DOM对象转为jQuery对象：使用$()进行包装

2. 基本选择器

层次选择器 -- 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器.
-- $("body div") <---所有后代元素

-- $("body > div") <---body 下的所有div元素

-- $("#one + div") <---紧接着#one 的下一个元素

-- $("#two ~ div") <---紧接着#one的siblings元素---只能选择 “#one ” 元素后面的同辈元素

-- $("#two").siblings("div")

内容过滤选择器 --都以“：”开头

内容过滤选择器

属性过滤选择器

3.focus（获取焦点），blur（失去焦点）