Jquery入门

最新推荐文章于 2024-04-25 07:00:00 发布

又菜又想学java

最新推荐文章于 2024-04-25 07:00:00 发布

阅读量109

点赞数

分类专栏： javaweb 文章标签： jquery Jquery入门

本文链接：https://blog.csdn.net/weixin_46102607/article/details/113096939

版权

javaweb 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文介绍了Jquery的基本使用步骤，包括下载、引入和基本语法。重点讲解了Jquery的页面加载事件$(document).ready()与window.onload的区别，前者在DOM结构加载完成后执行，比window.onload更早，且可编写多个。此外，文章还概述了Jquery的选择器系统，包括基本选择器、层次选择器和属性选择器等，为开发者提供了实用的Jquery操作技巧。

摘要由CSDN通过智能技术生成

Jquery基本介绍
在这里插入图片描述
jquery使用步骤
下载jquery

在html文档中引入jquery 代码库

jquery的基本语法

jquery页面加载

jquery的页面加载事件写法一共有3种:
//		jQuery(document).ready(function(){
//			console.log($("#dx").html());
//		})

//		$(document).ready(function(){
//			console.log($("#dx").html());
//		});

		//简写
		$(function(){
			console.log($("#dx").html());
		})
JQuery的ready()与window.onload的区别：
1.执行时间不同
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
由此可见，$(document).ready()的执行时机要早于window.onload。

2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload，只会执行一个。
$(document).ready()可以同时编写多个，并且都可以得到执行。

3.简化写法
window.onload没有简化写法。
$(document).ready(function(){})可以简写成$(function(){});

总结：
以后写页面加载时，推荐使用$(function(){})

jquery对象和javascript对象的互转
在这里插入图片描述
jquery的ready 和window.onload的区别

1.执行时间不同
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
由此可见，$(document).ready()的执行时机要早于window.onload。

2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload，只会执行一个。
$(document).ready()可以同时编写多个，并且都可以得到执行。

3.简化写法
window.onload没有简化写法。
$(document).ready(function(){})可以简写成$(function(){});

jquery的选择器
基本选择器
在这里插入图片描述
代码

层次选择器

代码

属性选择器

代码

过滤选择器

代码