基础 - jQuery

 jQuery

http://jquery.com/

经典的JS框架之一

 

不使用jQuery的弊端

　　window.onload入口函数容易被覆盖

　　对null设置属性或调用方法，报错

　　浏览器的兼容问题

 

参考书籍　　《锋利的jQuery》

 

$符号

　　jQuery函数的变量名，function jQuery()

　　$和jQuery被污染了

 

jQuery包的引入

 

    <script type="text/javascript"src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

　　

 

jQuery的入口函数

$(document).ready(function () {

});

$(function () {
    
});

 执行时机　　DOM加载完即执行，用户体验更好

事件源 事件 事件处理函数

$("#box").click(function () {

});

　

　CSS选择器　　　

　　id选择器　　　　　　#weweZhang{}

　　class选择器　　 　　.weweZhang{}

　　element选择器　　  div{}

　jQuery选择器

    $("p").css({
        "background-color": "#666666"
    });

　　

$("p").css("color",function(index,value){

    });

　　

mouseover 和 mouseenter

mouseover 　　鼠标进入元素或其子元素时 均可触发

mouseenter　　鼠标进入元素才会触发

　

JQuery中的遍历

    var aStudent = ["WeWeZhang","YueHan","JieKe","RouSi"];
    
    var oUl = $("<ul></ul>");
    /**
     * jQuery中遍历数组
     */
    $.each(aStudent,function(index,element){
        var oLi = $("<li></li>").append(element);
        oUl.append(oLi);
    });
    $("#box").append(oUl);