jQuery学习笔记（—）

1.window.onload和$(document).ready(function(){})区别:加载方式和执行个数
    2.jQuery简写为$,$(function(){})=$(document).ready(function(){})
    3.jQuery对象和DOM对象：
        1.DOM对象：元素节点，使用js方法获取 
            var dom = document.getElementById("id"); 
            var domhtml = dom.innerHTML;
          jQuery对象：DOM对象封装后
            var $jquery = $("#id").html();
        2.jQuery与DOM对象转换
            jQuery转DOM：get(index)和[index]
            DOM转jQuery:var $cr = $(dom对象)
            if(cr.checked(){})
            if($cr.is(:checked){})

    4.CSS选择器分类
        标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配符(全局)选择器
            伪类选择器、子选择器、属性选择器
    5.jQuery过滤器分类
        基本过滤器，内容过滤器，可见性过滤器，属性过滤器、表单属性过滤器、子元素选择过滤器
    6.  $(.test :hidden) y有空格时获取class为test里面的隐藏元素；
        $(.test:hidden) 没有空格时获取的是隐藏的class为test的元素
    7. querySelector() CSSa选择器
    8. :even偶数  :odd奇数   索引从0开始
        :eq() 索引从0开始
        :nth-child() 索引从1开始  :nth-child(n+3)  从第三个开始选中
        在不指定类型时，nth-child(n)选中的是父元素下的第N个子元素。nth-of-type(n)选中的是父元素下的不同类型标签的第N个。
    9. jQuery操作DOM 节点操作
        删除节点:remove() detach() empty();
        remove():删除节点和后代节点
        detach():绑定的事件和附加的数据不会删除
        empty(): 清空节点，清空元素中所有后代节点

    10. html(),text(),val()区别？
        html():读取和html内容（标签）
        text():读取和设置文本内容
        val() :设置和获取元素的值
    11.  CSS-DOM
        1. $("p").css("opacity","0.5").css("height").css({"background:red","font-size:14px"})
        2. 位置：width(),height(),offset(),position(),scrollTop(),scrollLeft()

    12. jQuery事件和动画
        1.停止事件冒泡 function(event)中传参event，event.stopPropagation();停止冒泡
        2.组织默认行为 function(event)中传参event，event.preventDefault();阻止元素默认行为
        3.event.type;event.target;event.relatedTarget;event.pageX;event.PageY;event.which;
        4.事件模拟 trigger();事件移除 unbind();
        5.动画 show();hide();SlideDown();SlideUp();FadeIn();FadeOut();
        6.animate(params,speed,callback) params{property1:"val1",property2:"val2"}
            animate({left:"+=500px"},300)//当前位置累加500px,在300ms内
            animate方法中应用多个属性，动画同时发生；链式写法，按顺序发生
        7.stop();stop(true);delay();
        8. toggle()//切换元素可见状态
           slideToggle()//通过高度变化切换匹配元素的可见性
           fadeToggle()，fadeTo//改变透明度

    13.jQuery对表单表格的操作
        1.获取对象属性:attr()和prop()
            (1).只添加属性名称该属性就会生效用 prop()
            (2).只存在 true/false 的属性应该用 prop();例如设置disabled和checked属性
        2.append(),appendTo(),prepend(),prependTo(),before(),after()
            append():添加到元素内部
            appendTo():前面添加到后面元素的尾部
            $("#checkedall").click(function(){
                $('[name=items]:checkbox').attr("checked",this.checked);
            });
        3. hasClass();has();
    14.jQuery中Ajax
        1.load()方法
            载入文档 load(url,data,callback)  //data:key/value 
            //无data，GET方法传送数据，有data,POST方法传送数据 
             //callback:function()
            function(responseText,textStatus,XMLHttpRequest){
                responseText:请求返回的内容
                textStatus：请求状态 ：success/error/notmodified/timeout
                XMLHttpRequest:XMLHttpRequest对象
            }
        2. $.get() $.get(url [,data] [,callback] [,type])
            function(data,textStatus)
            //data  返回的内容，可以是xml文档,json文件，html
            //textStatus请求状态
        3. $.post() 
        4. $.getJSON() 用于加载JSON文件，$.getScript()
        5. $.ajax({
            type:"GET/POST",
            url:".json/.xml/.js...",
            dataType:"json",
            success:function(data){
                $('#resText').empty();
                var html='';
                $.each(data,function()){  //$.each()函数对数据迭代输出

                    }
                }
            })
        6. serialize():DOM元素内容序列化为字符串，用于ajax请求
           serializeArray():DOM元素内容序列化为JSON格式数据
           $.param()方法 对数组或对象按照key/value进行序列化
           例：var obj={a:1,b:2,c:3} var k=$.param(obj); alert(k);// a=1&b=2&c=3
        7. .ajaxStart(),.ajaxStop();
            ajaxComplete(callback),ajaxError(callback),ajaxSend(callback),ajaxSuccess(callback)
    15.get 与post:1.参数传递 2.数据大小 3.数据缓存
    16.jQuery性能优化
        1.id最快 find()  
        2.缓存对象：一个对象用多次就可以把这个对象定义为一个变量
            $(#tarr input .on).bind();
            $(#tarr input .on).css();
            $(#tarr input .on).FadeIn();
        就可以定义为var $acton=$(#tarr input .on);
        3.    链式写法
        4.减少DOM操作
        5.数组方式使用jQuery对象
        6.事件代理
        7.原生js
        8.压缩js
    16.浮动和清除浮动
    17.web:结构层html，表现层css，行为层js