jQuery(二)
我们通过Jquery选取html的元素，执行一些动作。
基础语法：
$(selector).action()
selector是你要“查询”和“查找”的html元素
而action（）是你要对元素执行的操作
$(this).hide() 使用这个函数，可以隐藏当前的html元素，
$("#btn").hide() 使用这个函数，会隐藏元素中id为btn的元素
$(".btn").hide()使用这个函数，会隐藏元素中class为btn的元素
$("p").hide()使用这个函数，会隐藏<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>
<p class="p1">class点击</p>
<p id="p2">class点击</p>
<button type="button" id="btn">id点击</button>
<script type="text/javascript">
$(document).ready(function() {
$(this).hide();
$("#btn").click(function() {
$("p").hide();
$("#p2").hide();
$(".p1").hide();
$(this).hide();
});
});
</script>
</body>
</html>
当然还有别的选择html元素的方法：
$(".heihei")选取所有属性class=“heihei”的元素
$("#heihei")选取所有属性id=“heihei”的元素
$("p.heihei") 选取所有<p>标签class属性为heihei的元素
$("p#heihei")选取所有<p>标签id属性为heihei的元素
$("[type]") 选取所有带有type属性的元素
$("[type="text]"）选取所有带type属性并且type属性为text的元素
$("[type!="text]")选取所有带type属性并且type属性不为text的元素
$("[href$=".jpg"]")选择带href属性的元素，并且值结尾为.jpg元素的属性
$("ul li:first")选取每个<ul>的第一个<li>元素
实例：
$(document).ready(function() {
$(this).hide();
$("#btn").click(function() {
$("p").css("background-color","red");
});
});
【推荐】国内首个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的设计差异
· 三行代码完成国际化适配，妙~啊~