jQuery(一)
我由于对jQuery用的很少,所以决定重新学习jQuery,在此记录学习时的经历。
首先简单介绍一下jQuery。
jQuery是一个javaScript库,它极大简化了javaScript编程,倡导“write less,do more”,就是写更加少的代码,做更多的事情。jQuery其实是对javaScript的一些常用的功能进行了封装。
jQuery库包含了很多特性,比如:html元素的选取,html元素的操作,css的操作,html事件函数,javaScript特效和动画,html Dom遍历和修改,AJAX等。
首先,向页面中导入一个jQuery库
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
第一个代码,jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<p>n我是一个小菜鸟</p>
<button type="button" id="btn">点击</button>
<script type="text/javascript">
$(document).ready(function() {
$("#btn").click(function() {
$("p").hide();
});
});
</script>
</body>
</html>
效果:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~