JavaScript jQuery 学习笔记

一、jQuery框架的使用
   jQuery用于简化客户端JavaScript编程。write less do more!
   jQuery提供了很多功能强大的函数，主要功能：
   a.提供了强大、多样的选择器，可以方便我们选取要操作的对象元素
   b.提供了样式控制和属性控制函数
   c.提供了文档处理函数
   d.提供了事件处理函数
   e.提供了Ajax支持
   f.提供了特效函数
   
二、jQuery特点：
   a.将js与html元素彻底分离
   b.提供了功能强大处理函数
   c.代码简洁，易于编程
  
三、jQuery的基本应用
  

  1).注意事项
     a.区分jQuery对象和前期的javascript DOM对象
        DOM对象：

             window、document、history、navigator、location、link、document.getElementByIdx_x、this等
        jQuery对象：

             使用jQuery选择器选出的对象

        DOM和jQuery对象转换：

             将DOM对象转换成jQuery对象：$(this)、$(document)等

                 alert($(this).text());<=>alert(this.innerHTML);
             将jQuery对象转换成DOM对象：jQuery对象[0]、jQuery对象.get(0)等
             将字符串封装成jQuery对象：$("<div>hello</div>")等
     b.jQuery对象是DOM对象的集合，以集合形式存在。
     c.页面载入函数
     $(document).ready(fn):fn是在HTML文档被浏览器完全载入之后执行。
     等价于body中的onload时机。
     $(document).ready(function(){
        //处理代码
     });
     //简写
     $(function(){
      //处理代码
     })
     d.$符号是jQuery符号的简写，如果遇到js库冲突，jQuery框架需要让出$符号的使用权
   
  2).选择器
     a.基本选择器：$("#id属性值"),  $("元素名称"),  $(".class属性值")
     b.层级选择器：$("祖先 后代")
     c.简单选择器：:first ,:last, :even, :odd, :not, :eq,  :gt, :lt
     d.内容选择器：:contains(), :empty
     e.可见性选择器：:hidden, :visible