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对象改变样式

})

巴特西

jQuery_1_基础核心

最新文章

热门文章