JQuery 第三章 初始JQuery 上机+课后

最新推荐文章于 2020-08-02 15:40:12 发布
最新推荐文章于 2020-08-02 15:40:12 发布
阅读量4.8k 收藏 8
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36074043/article/details/70738302
版权 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
    <title>My JSP 'sj7.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
	
	
  $(document).ready(function(){
	
	$("h1").click(function(){
	$("h1").css("color","pink").next().css("display","block")
	$("li").addClass(".first").css("color","red");
	
	     });
	  });
	  
	$(function(){
	var ls=$("li");
	ls.mouseover(function(){
	$(this).css("background","blue");
	
	});
	
	ls.mouseout(function(){
	$(this).css("background","");
	});
	
	});
	
	
	
	</script>
<style type="text/css">
        #list{
            width: 200px;
            height: 200px;
            border: 1px solid red;
        }
	
	#list{padding:5px;}
	#list1{display:none;}
      </style>

  </head>
  
  <body> 
  <div id="list"><h1>新手指南</h1>
  <div id="list1"><ul>
                  <li id=".first">会员注册</li>
                  <li>订阅更新</li>
                  <li>用户协议</li>
                  <li>常见问题</li>
                  </ul>
                   </div>
                   </div>
  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'kh4.jsp' starting page</title>
     <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
	$(document).ready(function(){
	alert("学习JQuery编程，我已卖出了第一步");
	});
	</script>

  </head>
  
  <body>
 
  </body>
</html>



	alert("我编写的第一个JQuery程序！！！");
	});
	</script>

  </head>
  
  <body>
  
  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj2.jsp' starting page</title>
     <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
	$(document).ready(function(){
	
	$("h1").click(function(){
	$("p").css("font-size","12px");
	$("p").css("color","pink");
	$("h1").css("font-size","36px");
	$("h1").css("color","red");
	$("#ha").css("padding","10px");
	var height=null;
   height=$(this).height();
  $(this).height("60");
	         });
	});
	</script>

  </head>
  
  <body>
  <div id="ha">
  <h1>你是人间的四月天</h1>
  <p>笑响亮了四面风</p>
  <p>轻灵在春的光艳中交舞着变</p>
  <p>你是四月早天里的云烟</p>
  <p>黄风吹着风的软</p>
 <div id="xs()">
 </div>
 
 <img src="img/0.jpg"></img>
 
 </div>
  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj3.jsp' starting page</title>
     <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
	$(document).ready(function(){
	
	$("#dj").click(function(){
	$(this).css("border","3px solid red"); 
	
	});
	});
	</script>
<style> 
#box a{ display:block; z-index:1000; width:449px; height:399px;} 
</style> 
  </head>
  
  <body>
  
  <div id="box" style="width:451px; height:401px;">
  <img id="dj" src="img/s.jpg" width="450px" height="400px" ></img>
    </div>
  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj4.jsp' starting page</title>
     <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
	$(document).ready(function(){
	
	$("h1").click(function(){
	$("h1").css("background-color","pink").next().css("display","block");
	
	
	});
	});
	</script>
	<style type="text/css">
	
	h1{padding:5px;}
	ul{display:none;}
	</style>
  </head>
  
  <body>
  <h1>如何使用叮当网购物</h1>

  <ul>
  <li>方法一：注册成为网站会员</li>
  <li>方法二：使用合作企业账号登录，如新浪微博，QQ,人人网账户</li>
  </ul>

  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj5.jsp' starting page</title>
    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
	$(document).ready(function(){
	
	$("h1").click(function(){
	
	$(function(){
var dom=document.getElementById("my");

var str=$(dom).text();
alert(str);

});
	
	});
	});
	</script>
	<style type="text/css">
	#my{display:none;}
	</style>
  </head>
  
  <body>
   <h1>请为我们的服务做出评价</h1>
   <div id="my">非常满意</div>
  </body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sj6.jsp' starting page</title>
    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	
	
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript"> 
	//$(document).ready(function(){
	$(function(){
	$("#all").click(function(){
	
	var dom=document.getElementById("all");
	if (dom.checked) {
     alert('操作成功，感谢你的使用');}
     });
     });




	//});
	</script>

  </head>
  
  <body>
  
  <input  id="all"  type="checkbox" value="5"/>
  <a>接收服务条款</a>
 
  </body>
</html>

_苏小白
关注
jQuery——上机作业
weixin_44502548的博客
09-27 4705
一：制作京东首页右侧固定层 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0px; padding: 0px; font-size: 12px; } ul li{ list-style: none; } #nav{
JS/JQuery-第3章上机练习.zip
04-20
【原创作者田超凡，未经许可请勿转发，侵权仿冒必究】 JS/JQuery-第1章上机练习.zip
jQuery基础教程-第3章练习
青青木屋
02-18 1773
03.js $(document).ready(function(){ //Answer 1 $('div.author').click(function(event){ $('#header div').removeClass().addClass('selected'); }); //Answer 2 $('div.chapter')
jQuery练习3
qq_44718980的博客
06-14 514
一 、选中$(this)下面的子元素 <li><span></span></li> <li><span></span></li> 如上改变其中一个span $("li").click(function(){ $(this).find("span").css("display","none")...
第三章上机
weixin_42959372的博客
04-14 190
一．实验目的 1.明确结构化程序设计的基本结构。 2.通过对问题的分析，设计合理的结构化程序解决问题； 二．实验内容 对给定的学生信息管理系统作出以下修改： 1.改写程序为良好程序风格（文档注释，函数注释，语句注释）。 2.将功能补充完全（基于文件处理，完成刷新和保存功能）。 3.将学生信息改为更好的数据组织，而非离散形式（结构体）。 提高要求： 可将程序中的不足（如数据验证）等根据自己的能力与理...
北大青鸟使用jQuery快速高效制作网页交互特效 第九章上机+课后+上课实例代码
05-29
在本课程中，“北大青鸟使用jQuery快速高效制作网页交互特效 第九章上机+课后+上课实例代码”着重讲解了如何利用jQuery这一强大的JavaScript库来提升网页的交互性和用户体验。jQuery是一个轻量级、高性能的库，它极...
JSPro08.rar使用jQuery快速高效制作网页交互特效第八章，上机+课后+上课实例代码
05-29
在本资源"JSPro08.rar"中，包含的是关于使用jQuery快速高效制作网页交互特效的第八章内容，包括上机实践、课后习题以及上课时的实例代码。jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、...
JQuery第七章上机练习和课后作业
08-08
**jQuery第七章上机练习与课后作业详解** 在学习jQuery的过程中，第七章通常涵盖了更高级和实用的技术，包括DOM操作、事件处理、动画效果以及AJAX交互等。本篇文章将详细探讨这些知识点，旨在帮助前端开发者提升...
北大青鸟ACCP8.0使用jQuery快速高效的制作网页交互特效 第七章 上机+课后+上课实例代码
05-29
- 使用jQuery插件：了解如何引入和使用第三方jQuery插件，如Bootstrap、jQuery UI等，快速构建专业级别的网页效果。 - 自定义插件：学习编写自己的jQuery插件，提高代码复用性。 5. **实战项目** - 上机实例：...
jQuery第三章代码
01-01
jquery代码可以很好的让你了解jquery的优点
jQuery选择器上机练习题及答案.rar
12-02
(答案见下载资源) 上机任务1 用chrome打开dom.sample2.html页面， 在chrome的控制台中输入jQuery代码并执行，完成以下选择动作： （1）查找id号为tigerLily的元素 （2）查找拥有类myList的元素 （3）查找所有的input元素 （4）查找所有img元素和tr元素 （5）查找id号为coffeePot和id号为someDiv的元素 （6）选择具有id属性的所有元素 （7）选择具有id属性的input元素 （8）选择其value属性等于A的元素 （9）选择其value属性等于A或等于C的元素 （10）选择其title属性值中含有dog的img元素 （11）选择其href属性值以http开头的a元素 （12）选择div元素内嵌套的span元素 上机任务2 用chrome打开dom.sample2.html页面， 在chrome的控制台中输入jQuery代码并执行，完成以下选择动作： （13）选择元素li，该元素作为拥有myList类的ul元素的直接子元素 （14）选择id号为radioA的input元素后面的第一个input兄弟元素 （15）选择id号为radioA的input元素后面的所有input兄弟元素 （16）选择dom sample页面中第3个tr元素 （17）选择其type属性值checkbox且索引为偶数的input元素 （18）选择非最后一行的tr元素 （19）选择所有的checkbox元素 （20）选择所有被选中的表单元素 （21）选择含有1972的td元素 （22）选择包含有sapn元素的div元素 （23）选择表格中每行的第一个单元格和最后一个单元格 （24）选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面，该页面中内嵌有几个CSS类：.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台中输入jQuery代码并执行，完成以下选择动作： （1）将拥有alt属性的倒数第二个图片元素应用yellow类 （2）将第一个checkbox表单元素应用.green样式 （3）求id值为checkbox3的元素在所有表单元素里的顺序号 （4）用一条链式语句完成：先对所有img元素应用seeThrough样式，再为所有img元素和tr元素应用yellow样式 （5）用filter方法实现：选择单元格内容为Java或Smalltalk的单元格 （6）取图片集中的第2,3,4张图片 （7）用has方法实现:选择那些包含有ul元素的li元素 （8）将tbody每个单元格里的文字设为：我爱jQuery （9）查找form元素的后代元素中标签为label的元素 （10）查找表单元素中是否有id值为checkbox5的元素 提示： 为某dom元素应用某css样式可以使用jQuery中的addClass方法，例如:将id为tt的div元素应用.bt样式，可用些语句：$("#tt").addClass("color","red");
S2-3使用JavaScript增强交互效果第一章到第三章课件及课后作业答案
11-26
JavaScript的ppt、上机答案和课后答案
jquery测试题
08-24
测试题，点击是，否选择
ACCP5.0html第三章家庭+上机作业
06-29
ACCPhtml第三章家庭+上机作业 ACCPhtml第三章家庭+上机作业ACCPhtml第三章家庭+上机作业 ACCPhtml第三章家庭+上机作业
js第三章课后作业
m0_48220895的博客
08-02 1293
作业一 课工场论坛列表 <body> <div class="bbs"> <header><span onclick="ft()">我要发帖</span></header> <section> <ul></ul> </section> <div class="post"> <input class="tit
第三章作业
wmjwjf的博客
04-24 294
第三章 最简单的C程序设计——顺序程序设计 例3.1 有人用温度计测量出用华氏法表示的温度（如64°F），今要求把它转换为以摄氏法表示的温度（如17.8°C）。 例 3.2 计算存款利息。有1000元，想存一年。有3种方法可选：（1）活期，年利率为r1；（2）一年期定期，年利率为r2；（3）存两次半年定期，年利率为r3。请分别计算出一年后按3种方法所得到的本息和。 例3.3 给定一个大写字母，要求...
学生管理系统（第三章上机作业）
qq_44267598的博客
04-13 1006
一．题目 （一）实验目的 1.明确结构化程序设计的基本结构。 2.通过对问题的分析，设计合理的结构化程序解决问题； （二）实验内容 对下述的学生信息管理系统，要求完成以下基本任务： 1.改写程序为良好程序风格（文档注释，函数注释，语句注释）。 2.将功能补充完全（基于文件处理，完成刷新和保存功能）。 3.将学生信息改为更好的数据组织，而非离散形式（结构体）。 提高要求： 可将程序中的不足（如数据验...
蜗牛—JavaScript学习之仿网易邮箱注册页面
树上的大腰子
05-18 3183
body { font:12px/25px 宋体; color:#333; background:#d4e8f3; } ul,li,dl,dt,dd,input { margin:0; padding:0; } ul { list-style:none; } #mail { margin:20px auto; width:646px; } #mail .menu { float:left; mar
jQuery基础入门：第10章精讲与下载
精通javascript+jquery电子书第十章深入探讨了jQuery的基础知识，这一章节对于学习者来说是至关重要的，因为jQuery在现代前端开发中扮演着核心角色。jQuery最初由John Resig在2006年创建，作为一个JavaScript库，它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值