Jquery知识点2

一、获取关系节点对象
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编程事件绑定
3.jquery编程事件绑定

三、文档加载完毕执行 【重点】

1. js方式实现

  window.onload= function(){
  // 文档加载完毕执行
  }

2. jquery方式实现
   
   2.1 简化方式文档加载完毕执行：

$(function(){
// 文档加载完毕执行
});

四、jquery事件函数 【掌握】

五、其他事件绑定方式【掌握】

1. $obj.live(…); | 可以给动态创建的元素绑定事件 。
   
2. $obj.on(…);
   2.1 基本使用方式
   
   2.2 给一个标签绑定多个事件
   
   2.3 多个标签绑定一个事件
   
   3、两个特殊事件绑定方式 【了解】
   3.1 $obj.toggle(…); - 作用是同时绑定多个事件函数，触发时机是单击鼠标周期性执行多个事件函数。
   
   3.2 $obj.hover(); | 相当于mouseover 与mouseout事件的组合 【了解】
   
   六、动画相关的方法
3. 出现的动画2.隐藏的动画.
   
   七、jquery插件的使用
   1.放大镜插件使用：
   1.1 引入插件的功能文件： 必须先引入jquery文件
   
   1.2 按照插件的规范使用插件
   
   2.日期插件
   2.1 引入功能文件
   
   2.2 按照规范使用插件