Jquery概要

什么是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(){});




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值