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