一、获取关系节点对象
1.获取父节点对象:
1.1 $obj.parent(); 拿到直接父节点
1.2 $obj.parents(); 拿到所有祖先节点
1.3 $obj.parents(选择器); 拿到祖先节点中满足指定选择器的
2. 获取子节点对象:
2.1 $obj.children(); 拿到所有直接的子节点
2.2 $obj.children(选择器); 拿到指定选择器的子节点
2.3 $obj.find(选择器); 拿到指定选择器的子节点
3. 获取兄弟节点对象:
3.1 $obj.prev();
3.2 $obj.next();
<script type="text/javascript">
function fun1(){
// 获取父节
//console.log($('#dv2Sp1').parents('body'));
// 获取子节点
// console.log($('#dv2').children('span'));
//console.log($('#dv2').find('#dv2Sp2'));
// 获取兄弟节点
//console.log($('#dv2').prev());
//console.log($('#dv2').get(0).previousSibling);
console.log($('#dv2').next());
}
</script>
二、jQuery的事件绑定 【重点】
1.事件绑定的方式
1.1 标签的方式绑定
1.2 编程式绑定
2. JS编程事件绑定