ex-6.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function(){
function setFileCount() {
$(".fileCount").each(function(index){
$(this).text('附件' + (index + 1)) ;
}) ;
}
$("#addFile").click(function(){
$("<tr></tr>").append("<td class='fileCount'></td>")
.append($("<td><input type='file' name='file'><button>Delete</button></td>"))
.insertBefore("#content")
.find("button")
.click(function(){
$(this).parent().parent().remove() ;
setFileCount() ;
}) ;
setFileCount() ;
return false ;
});
}) ;
</script>
</head>
<body>
<form name="mailForm" method="post" action="/javamail/mail.do" enctype="multipart/form-data">
<table>
<tr>
<td>
主题:
</td>
<td>
<input type="text" name="subject" value="">
</td>
</tr>
<tr>
<td>
收件人:
</td>
<td>
<input type="checkbox" name="mailTo" value="hello@itcast.cn">hello
<input type="checkbox" name="mailTo" value="test@itcast.cn">test
<input type="checkbox" name="mailTo" value="abc@itcast.cn">abc
<input type="checkbox" name="mailTo" value="msn@itcast.cn">msn
</td>
</tr>
<tr>
<td class='fileCount'>
附件1:
</td>
<td>
<input type="file" name="file" value="">
<button id="addFile">
AddFile
</button>
</td>
</tr>
<tr id="content">
<td>
邮件内容:
</td>
<td>
<textarea name="content">
</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Submit">
</td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
jQuery案例有4个即1、手风琴显示图片效果2、方块旋转变色3、表格数据渲染删除操作 4、jquery写轮播图，也含有原生js轮播图案例，每个案例中代码注解很详细 通过案例练习熟悉jquery相关知识点
在“jQuery练习实例”这个压缩包中，我们可以期待找到一系列的示例代码和讲解，帮助我们深入理解jQuery的核心功能和常见用法。 1. **DOM操作**：jQuery的核心在于其对DOM（Document Object Model）的操作。通过简洁...
通过练习，加深对jQuery的理解，提高编写高效、简洁代码的能力。 总结来说，jQuery作为一款强大的JavaScript库，它简化了许多前端开发中的常见任务，提高了开发效率。通过学习和实践jQuery，开发者可以更好地驾驭...
本篇文章将深入探讨“jQuery练习”这一主题，特别关注如何使用jQuery实现导航菜单弹出二级菜单的功能。 首先，让我们理解导航菜单的基本结构。在网页设计中，导航菜单通常包含一级菜单项，当用户悬停在这些项上时，...
本篇文章将围绕"Jquery部分效果练习"这一主题，详细阐述jQuery中的核心概念和常见效果的实现。 首先，jQuery的核心在于它的选择器。选择器类似于CSS，用于选取HTML文档中的元素。例如，`$("#id")`用于选取ID为"id...
6. **链式操作**：jQuery对象的方法返回的是jQuery对象本身，因此可以进行链式调用，如`$("#element").addClass("highlight").show("slow");`。 7. **插件扩展**：jQuery社区开发了大量的插件，如用于轮播图的`owl....
通过上述的练习题，你可以实践并巩固这些选择器的用法。记住，熟练掌握jQuery选择器将极大地提升你的前端开发效率，让你编写出更加简洁高效的代码。在学习过程中，不断实践和应用这些知识点，你将会成为一个jQuery的...
本练习旨在帮助你熟悉并掌握jQuery的基本用法，包括选择器、事件、文档处理、函数以及属性的运用。 首先，让我们详细探讨jQuery的选择器。jQuery的选择器基于CSS选择器，允许你高效地选取DOM元素。例如，`$("#id")`...
jQuery 练习题 本资源为 jQuery 练习题，包含答案，可以进行学习。下面是从该资源中生成的相关知识点： 一、 jQuery 基础知识 1. jQuery 显示隐藏的元素用 show() 方法实现。 2. jQuery 中，$.ajaxSetup() 用于...
本文件是一个小的工程，关于ajax框架的jquery的一些小的练习，与大家分享。
jquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，...
在本项目"Jquery练习2：制作QQ简易聊天框.zip"中，我们将探索如何使用jQuery这一流行的JavaScript库来创建一个类似QQ的简单聊天界面。这个练习旨在帮助开发者掌握jQuery的基本用法，以及如何利用它来增强网页的交互...
6. **AJAX交互**: jQuery的`.ajax()`方法简化了异步数据请求。例如，`$.ajax({url: "data.json", type: "GET", success: function(data) {...}})`用于获取JSON数据。还有简化的`.get()`, `.post()`等方法。 7. **...
在本练习中，你将运用jQuery处理一系列与属性节点相关的任务，例如： - 灰太狼的图片显示与隐藏，通过控制`style.display`属性来实现。 - 灰太狼的位置移动，利用`data-*`自定义属性记录坐标，通过修改这些属性值并...
这个“前端jQuery练习网页”项目是您在学习阶段完成的一个作品，虽然存在一些bug，但它仍然是一个很好的学习和回顾jQuery核心概念的起点。** 在项目中，`js` 文件夹可能包含你编写的所有 JavaScript 代码，这些代码...
标题中的“Jquery练习-包含JQUERY1.4.2的js库”指向的是一个学习资源，特别关注于jQuery 1.4.2版本的实践应用。这个版本在2010年发布，虽然不是最新版，但对于初学者来说，它仍然是理解jQuery核心概念的好起点。** ...
在"js练习，jquery练习 购物车.zip"这个压缩包中，我们可以期待找到一个基于 JavaScript 和 jQuery 的购物车应用的源代码。购物车功能是电商网站的核心部分，它涉及到商品的添加、删除、数量增减以及总价计算等多个...
在chrome的控制台中输入jQuery代码并执行，完成以下选择动作： （1）查找id号为tigerLily的元素 （2）查找拥有类myList的元素 （3）查找所有的input元素 （4）查找所有img元素和tr元素 （5）查找id号为...
在"js 小项目练习，jQuery 小例子"中，我们可以看到几个基于jQuery实现的常见功能： 1. **菜单**：jQuery可以轻松地创建动态菜单，包括下拉菜单、滑动菜单等。通过监听用户的鼠标事件，如hover（悬停）和click...
通过这个练习，我们可以深入理解jQuery的基本用法以及如何利用它来构建动态网页。 首先，我们需要了解jQuery的核心概念。jQuery通过选择器获取DOM（Document Object Model）元素，然后对这些元素执行操作。例如，`$...