JQuery小知识点

展望未来，要有勇气。有句话是这样说的：“你若失去钱财，失之甚少;你若失去勇气，则失去了一切。”南山学子，灌注了精神与霸气，我们来到了南山， 既要学习知识，也哟锻炼意志。在南山精神的带领下，在老师的教导下，我们相信，南山学子是自信的，勇敢的，坚强的。我们要敢于面对，不退却，为了美好的未 来，就算有无数荆棘阻挡，我们相信柳暗花明，我们就不能放弃。

未来.jpg

一、JQuery

官网:jquery.com
    版本
        1.x     亚非拉
        2.x     欧美
        不兼容ie低版本
        主版本号.次版本号.修订号

二、jquery的任何东西都得用$

（1）原生
window.onload = function(){
    var oDiv = document.getElementById('div1');
    oDiv.onclick = function(){
        this.style.background = 'red';
    };
};
（2）jquery
$(document).ready(function(){
    $('#div1').click(function(){
        $(this).css('background','red');
    });
});

三、选择器

    id
        $('#id');
    class
        $('.class');
    element
        $('element');

    层级
        $('#div1 ul .on input')

四、常用方法

.css                                       操作css
    .css(sName)                            获取
    .css(sName,sValue)                     设置
    .css({sName:sValue})                   批量设置
.attr                                      操作属性
    .attr(sName)                           获取
    .attr(sName,sValue)                    设置
    .attr({sName:sValue})                  批量设置
.show()                                    显示
.hide()                                    隐藏

五、加载，事件

（1）window.onload
    加载 
        html,css,js,image,flash,audio
（2）DOMReady
    加载
        html,css,js
    DOMContentLoaded
（3）$(document).ready(function(){
        });
    加载
    （4）DOM事件
        以DOM开头
        必须用(addEventListener)事件绑定添加
    document.addEventListener('DOMContentLoaded',function(){},false);
    onreadystatechange      (可以做到DOMReady)、
        注意：做交互用的。
    document.addEventListener('readystatechange',function(){
        document.readyState
            complete            加载完成
    },false);

六、获取非行间样式

高版本浏览器
getComputedStyle(oEle,false).width;
IE678
oEle.currentStyle.width
兼容
(oEle.currentStyle||getComputedStyle(oEle,false))['width']

七、事件

    $().on(sEv,function(){

    });
    $().off(sEv,function(){

    });

    $('ul').on('click','li',function(){

    });

0.gif