JQuery概念

最新推荐文章于 2020-09-29 20:20:56 发布

慕北丶

最新推荐文章于 2020-09-29 20:20:56 发布

阅读量186

点赞数 1

分类专栏： JavaScript 前端

本文链接：https://blog.csdn.net/qq_42539533/article/details/88709351

版权

JavaScript 同时被 2 个专栏收录

54 篇文章 1 订阅

订阅专栏

前端

54 篇文章 0 订阅

订阅专栏

文章目录

JQuery的使用

JQuery的使用

我们可以用JS操作HTML的节点，也可以操作其属性，但是在操作过程中是比较麻烦的，使用类似"doucment.getElementsXXXX()"的方式去完成，这种形式很累赘，而且还要考虑浏览器的兼容性问题，这就增加了开发的难度
使用原生的JS代码发送一个异步请求也是需要写一堆代码，基于这些问题的存在，就出现了JS的开发框架JQuery（其中一个），这个框架将原生的JS代码封装了，成为了一个函数库，只需要按照语法调用即可
JQuery只是一个JS的函数库，要使用里面的函数还需要在其他JS文件中进行调用

原生的加载事件

//原生的加载事件
window.onload=function(){
	alert("尼古拉斯");
}

在这里插入图片描述

使用JQ加载事件

<!--导入JQuery的js文件-->
<script src="../js/juery.min.js"></script>
<!--导入funlib.js文件 要在自己定义的js文件中调用JQ中的函数-->
<script src="../js/funlib.js"></script>
</head>

第一种写法：

//JQ中提供了加载事件
$(document).ready(function(){
	//指定其中的代码
	alert("加载完毕HTML后运行的代码");
})

在这里插入图片描述
第二种写法

//JQ中提供了加载事件
$(function(){
	//指定其中的代码
	alert("加载完毕HTML后运行的代码");
})

第三种写法

//JQ中提供了加载事件
jQuery(document).ready(function($){
	//指定其中的代码
	alert("加载完毕HTML后运行的代码");
})

使用JQuery操作HTML节点

<body>
		<table border="1">
			<tr>
				<td>雇员编号</td><td>雇员姓名</td><td>雇员职位</td><td>雇员薪资</td><td>部门编号</td>
			</tr>
			<tr>
				<td>7963</td><td>尼古拉斯</td><td>天神</td><td>50000.00</td><td>10</td>
			</tr>
			<tr>
				<td>7964</td><td>雅典娜</td><td>智慧女神</td><td>50000.00</td><td>10</td>
			</tr>
			<tr>
				<td>7965</td><td>斯巴达</td><td>战争之王</td><td>50000.00</td><td>10</td>
			</tr>
			<tr>
				<td>7966</td><td>毒液</td><td>超级英雄</td><td>50000.00</td><td>10</td>
			</tr>
			<tr>
				<td>7967</td><td>蚁人</td><td>超级英雄</td><td>50000.00</td><td>10</td>
			</tr>
		</table>
	</body>

window.onload=function(){
	var len=document.getElementsByTagName("tr").length;
	console.log("长度是："+len);
}

使用JQuery实现

//jq中提供了加载事件
jQuery(document).ready(function($){
	var len=$("tr").length;
	console.log("长度是："+len)
})

//jq中提供了加载事件
$(document).ready(function($){
	var len=$("tr").length;
	console.log("长度是："+len)
})

在这里插入图片描述

慕北丶

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery概念

文章目录JQuery的使用原生的加载事件使用JQ加载事件使用JQuery操作HTML节点JQuery的使用我们可以用JS操作HTML的节点，也可以操作其属性，但是在操作过程中是比较麻烦的，使用类似"doucment.getElementsXXXX()"的方式去完成，这种形式很累赘，而且还要考虑浏览器的兼容性问题，这就增加了开发的难度使用原生的JS代码发送一个异步请求也是需要写一堆代码，基于这...
复制链接

扫一扫