jQuery给多个不同元素添加class样式的方法？
jQuery可以通过addClass()方法给多个不同的html元素同时添加相同的class
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div>This is some important text!</div>
怎么把select被选中的值改变颜色jquery？
本身select 通过css能改为样式都很少，大多还不能兼容。
如果你美化你的select你只能通过模拟试来做了。
你可以在网上找找jquery的插件叫select2.
jquery中怎样根据父级找元素？
jquery中parent()可以获取父级元素，所以获得某元素父级的父级可以使用
$(selector).parent().parent();
示例如下
创建Html代码及css样式
class1
class2
class3
div{padding:10px 20px;border:4px solid #ebcbbe;}
div.class1{width:200px;height:120px;}
编写jquery代码
$(function(){
$("div.class3").click(function() {
obj = $(this).parent().parent();
alert(obj.prop('class'));
});
})
jquery树形菜单例子？
以下是一个简单的基于jQuery的树形菜单示例。在这个示例中，我们将创建一个具有父子关系的项目列表，并使用jQuery来使其成为可展开和可折叠的树形菜单。
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery树形菜单示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.tree {
list-style-type: none;
padding-left: 20px;
}
.tree li {
margin: 0;
padding: 10px 0;
position: relative;
}
.tree li::before {
content: "";
position: absolute;
top: 0;
left: -20px;
border-left: 1px solid #000;