jquery修改第一个网页

最新推荐文章于 2024-02-29 11:14:15 发布

牧中无人

最新推荐文章于 2024-02-29 11:14:15 发布

阅读量536

点赞数

文章标签：怎么上传压缩文件

本文链接：https://blog.csdn.net/qq_41280293/article/details/81222198

版权

本文介绍了如何利用jQuery库高效地修改网页的首个元素，详细讲解了选择器的使用和DOM操作步骤，适用于前端开发者提升网页交互体验。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jane shopping</title>
<link rel="stylesheet" href="styles/reset.css" type="text/css" />
<link rel="stylesheet" href="styles/main.css" type="text/css" />
<link rel="stylesheet" href="styles/skin/skin_0.css" type="text/css" id="cssfile" />
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/jquery.cookie.js" type="text/javascript"></script>
<!-- 搜索文本框效果 -->
<script src="scripts/input.js" type="text/javascript"></script>
<!-- 修改皮肤样式 -->
<script src="scripts/changeSkin.js" type="text/javascript"></script>
<!-- 导航效果 -->
<script src="scripts/nav.js" type="text/javascript"></script>
<!-- 添加hot显示 -->
<script src="scripts/addhot.js" type="text/javascript"></script>
<!-- 首页大屏广告效果 -->
<script src="scripts/ad.js" type="text/javascript"></script>
<!-- 超链接文字提示 -->
<script src="scripts/tooltip.js" type="text/javascript"></script>
<!-- 品牌活动模块横向滚动 -->
<script src="scripts/imgSlide.js" type="text/javascript"></script>
    <script type="text/javascript" src="scripts/jquery1.42.min.js"></script><script type="text/javascript" src="scripts/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
<!--头部开始-->
<div id="header">
	<div class="contWidth">
		<a class="logo" href="#nogo"><img src="images/logo.gif" alt="JaneShop"/></a>
		<div class="search">
			<input type="text" id="inputSearch" class="" value="请输入商品名称" />
		</div>
		<ul id="skin">
			<li id="skin_0" title="蓝色" class="selected" >蓝色</li>
			<li id="skin_1" title="紫色">紫色</li>
			<li id="skin_2" title="红色">红色</li>
			<li id="skin_3" title="天蓝色">天蓝色</li>
			<li id="skin_4" title="橙色">橙色</li>
			<li id="skin_5" title="淡绿色">淡绿色</li>
		</ul>
		<!-- 导航 start -->
		<div id="nav" class="mainNav">
			<ul class="nav">
				 <li><a href="#">首 页</a></li>
				 <li><a href="#" id="brand">品 牌</a>
					<div class="jnNav" id="brandshow">
						<div class="subitem">
							<dl class="fore">
								<dt>
									<a href="#nogo" >品牌：</a>
								</dt>
								<dd >
									<em ><a href="#nogo">耐克</a></em>
									<em ><a href="#nogo">阿迪达斯</a></em>
									<em ><a href="#nogo">达芙妮</a></em>
									<em ><a href="#nogo">李宁</a></em>
									<em ><a href="#nogo">安踏</a></em>
									<em ><a href="#nogo">奥康</a></em>
									<em ><a href="#nogo">骆驼</a></em>
									<em ><a href="#nogo">特步</a></em>
									<em ><a href="#nogo">耐克</a></em>
									<em ><a href="#nogo">阿迪达斯</a></em>
									<em ><a href="#nogo">达芙妮</a></em>
									<em ><a href="#nogo">李宁</a></em>
									<em class="noborder"><a href="#nogo">特步</a></em>
								</dd>
							</dl>
							<dl>
								<dt>
									<a href="#nogo">品牌：</a>
								</dt>
								<dd>
									<em ><a href="#no