Jquery概要

来源：互联网发布：每周日程安排软件编辑：程序博客网时间：2024/05/22 02:21

什么是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对象转换成DOM对象,有两种转换方式[index]和.get(index)

方法一: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(){});