jQuery学习一

DOM对象 -> jQuery对象


function f( ){
    var obj = document.getElementById(‘d1’);
    //DOM -> jQuery对象
    var $obj = $(obj);
    $obj.html(‘hello jQuery’);
}


jQuery对象 -> DOM对象


jQuery对象向DOM对象转化，通过调用get方法加参数值0即可$obj.get(0)
function f( ){
    var $obj = $(‘#d1’);
    //jQuery对象 -> DOM 
    var  obj = $(obj).get (0);
    obj.innerHTML = ‘hello jQuery’;
}
---------------------------------
---------------------------------
选择器定位节点


1、基本选择器 
#id $('#d1')
.class  $('.di')
element $('div')


合成选择器
select，select
即所有选择器的合集作为定位的全部元素
#id，element $('#d1,p'）


2、层次选择器
select 空格select
根据select1找到节点后，再去查找子节点中符合select2选择器的节点
#d1 div $('#d1 div')


select1 > select2
只查找直接子节点，不查找间接子节点！
只查找select1下的select2 不查找select2的子集


不常用（select1 + select2
+号表示下一个兄弟节点


select1 ~ select2
“~”代表下面的所有兄弟节点）