什么是jQuery对象?
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
注:虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法,否则会出错。
约定:如果获取的是jQuery对象,那么要在变量前面加上$
例:将DOM对象转换成jQuery对象
<body>
<input type="text" value="xxx" id="userName">
</body>
<script type="text/javascript">
var userName = document.getElementById("userName");//DOM对象
var $userName = $(userName); //将DOM对象转成jQuery对象,注意用的是()
alert($userName.val());
</script>
方法一:jQuery对象是一个数组对象,可以通过[index]的方法,来得到相对应的DOM对象
<body>
<input type="text" value="xx22x" id="userName">
</body>
<script type="text/javascript">
$userName = $("#userName");//jQuery对象
var userName = $userName[0];//将jQuery对象转换成DOM对象
alert(userName.value);
</script>
方法二:jQuery本身提供,通过get(index)方法,得到相应的DOM对象
<body>
<input type="text" value="xx22x" id="userName">
</body>
<script type="text/javascript">
$userName = $("#userName");//jQuery对象
var userName1 = $userName.get(0);//将jQuery对象转换成DOM对象
alert(userName1.value);
</script>
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});