jQuery_1_基础核心

jQuery代码风格：在jQuery程序中，不管是页面元素的选择还是内置的功能函数，都是以“$"来起始的。

$(function(){});                        //执行一个匿名函数

$("#d1");                                //执行ID元素选择

$("#d1").css("color","red");    //执行功能函数

 

$(function () {
    $("#d1").css("color", "red");
})

 

 

“$”是jQuery对象的缩写形式，可以直接换成jQuery

jQuery(function () {
    jQuery("#d1").css("color", "red");
})

alert($ === jQuery); //等价

 

jQuery对象

$(function () {
    alert($);     //jQuery对象的内部
    alert($());  //返回的是jQuery对象
    alert($("#d1"));  //返回的也是jQuery对象
    alert($("#d1").css("color", "red")); //还是返回jQuery对象 
    $("#d1").css("color", "red").css("font-size", "200px").css("font-weight", "bold");//连缀功能，返回jQuery对象
})

 

$(document).ready(function () { }) 等效于 $(function(){})，jQuery等待网页加载完毕（DOM加载完毕）

$(document).ready(function () { 
    alert(1);
})

$(document).ready(function () {
    alert(2);
})

 

jQuery对象和DOM原生对象的转换

$(function () {
    //alert($("#d1"));  //返回jQuery对象
    //alert(document.getElementById("d1")); //[object HTMLDivElement], 原生DOM对象
    //alert($("#d1").get(0)); //jQuery对象转成DOM对象
    //alert($(document.getElementById("d1")).css("color","red")); // DOM对象转成jQuery对象
    alert(document.getElementById("d1").style.color="blue");//DOM对象改变样式
})