//$(document).ready的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，
//因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。
//jQuery是一个类数组对象

$(document).ready(function(){
var $p=$('#imooc');
$p.html('hello imooc').css('color','red');
});`

jQuery几乎支持主流的css1~css3选择器的写法
//id选择器$( "#id" )
//类选择器$( ".class" ) 相对id选择器来说，效率相对会低一点，但是优势就是可以多选
//元素选择器：根据给定（html）标记名称选择所有的元素

$( "element" )通过传递*选择器来选中文档页面中的元素$( "*" )

jq的层级选择器

//子选择器 $('div > p') 选择所有div元素里面的子元素P
//后代选择器$('divp') 选择所有div元素里面的p元素
//相邻兄弟选择器/$(".prev+div")选取prev后面的第一个的div兄弟节点
//一般相邻选择器 /$(".prev~div") 选取prev后面的所有的div兄弟节点