JS-day05-jQuery基础

1. 1，JQuery简单背景介绍；
   jQuery是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器，封装了js的常用功能代码

   jQuery能干什么？
   jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。

      <script type="text/javascript" src="jquery1.x/jquery-1.11.2.min.js"></script>

2. 

3. 1，通过jQuery方法获取的页面元素，都是jQuery对象,其实就是一个伪数组。传统方式是标志DOM对象(上)
   3，虽然jQuery对象包装了DOM对象，但是两种不能把方法或者属性进行混用，各位可以理解为jQuery对象与DOM对象是两个不类型的对象，底层代码还是操作的是DOM对象
   jQuery对象和DOM对象的转换（jQuery对象上有很多DOM对象没有的方法）：
           //得到dom对象
           var msg = document.getElementById("msg");
           //dom对象转换jquery对象
           $(msg).hide(3000);

   DOM对象和jQuery对象的转换（jquery中没有提供获取标签名的方式,所有需要把jquery对象转换为dom对象）：
           var username = $("#username");    //jquery对象            
           console.debug(username[0].nodeName);     //jquery对象转换为dom对象
           console.debug(username.get(0));    //get(0)等效于username[0]

4. jQuery选择器是jQuery类库最重要功能之一。
   选择器结合jQuery类库的方法，快速地定位页面中任何元素,并为其添加响应的行为。
   一、什么是选择器？
         jQuery提供获取页面元素DOM对象一种语法。
   三、使用选择器获取元素?
        $ (“#mydiv”)： #mydiv-->选择器

   注意：如果通过jQuery方法获取页面中元素，没有查找到，返回值为一个空数组[]，判断是否获取到元素，通过jquery.length!=0来判断。

   

5. 页面加载完毕事件
   window.οnlοad=function(){
   //执行代码
   }
   不足之处: ① 只能定义一次,②  必须等页面全部加载完成之后才执行

   jQuery的页面载入事件
       $(function(){
          // 在这里写你的代码.
         })
        特点：① 可以多个同样的页面加载事件

6.  

   jQuery对象.bind(事件类型,function(){
       响应函数
   })
   需要注意: 等页面加载完毕,事件名称没有on
   绑定事件的简单写法:
   jQuery对象.事件类型(function(){
       //响应函数
   })
   删除事件绑定:
   $("p").unbind();移除p元素上的所有事件
   $("p").unbind("click");移除p元素上的点击事件
   mouseover mouseout  ===>hover
   当前选中行高亮(可以设置样式class) 简单写法: hover(over,out);
   $("tbody tr").mouseover(function(){
       $(this).css("background","lightgray");
   })
   $("tbody tr").mouseout(function(){
       $(this).css("background","");
   })

7.  

   

   

   XML二级联动；各种选择器；jQuery的DOM操作；jQuery列表移动；jQuery用户添加；综合练习CRUD；