<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
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 'Jquery007.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" src="js/jquery-1.6.1.js"></script>
<!-- jQuery实现节点的创建 -->
<script type="text/javascript">
$(document).ready(function() {
//获得button对象
var btn1 = $("#btn1");
btn1.click(function() {
var div1 = $("#div1");
//将div中的html源码清空
div1.html("");
var num = Number($("#text1").val());
var str = "";
for ( var i = 0; i < num; i++) {
str += '<input type="text"/></br>';
}
div1.append(str);
});
});
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" id="btn1" value="click">
<div id="div1"></div>
</body>
</html>
分享到：
相关推荐
下面小编就为大家带来一篇jQuery动态创建元素以及追加节点的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一、 创建节点： 节点是DOM结构的基础，根据DOM规范，节点是一个...var $h1 = $("<h1 title='\u521b\u5efa\u8282\u70b9' class='head'>jQuery与JavaScript创建节点比较</h1>"); $("div").append($h1); //JavaScript方
Jquery实现表格元素的动态创建，本质是通过构造一个Dom Node节点，并且拼接到表格的Dom树上的子叶位置。 HTML正文： 用户：<input type=text id=user/> 邮箱：<input type=text id=mail/> 手机：<...
jQuery实现的列表图片，鼠标悬停后当前图片高亮显示 周围图片亮度变成原来的20% 非常适合列表类的图片查看的一个效果 使用方法： 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你...
jQuery元素属性、jQuery元素内容、jQuery动态创建内容、jQuery删除节点、jQuery事件处理、jQuery文档就绪的四种写法、jQuery事件绑定和解除绑定、jQuery事件切换、jQuery实现toggle功能、jQuery插件、jQuery插件实用...
第5章 jQuery实现用户输入自动完成功能 5.1 最简单的用户输入自动完成 5.2 使用远程数据源的自动完成 5.3 带缓存的自动完成 5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维...
动态创建节点元素 动态插入节点方法 动态插入节点方法 复制元素节点 替换元素节点 包裹元素节点 遍历元素 删除元素 数据管理 第4章 事件中的冒泡现象 bind方法绑定事件 映射方式绑定不同的事件 切换事件...
3.3 创建节点元素/58 3.4 插入节点/60 3.4.1 内部插入节点方法/60 3.4.2 外部插入节点方法/64 3.5 复制节点/66 3.6 替换节点/68 3.7 包裹节点/69 3.8 遍历元素/71 3.9 删除元素/73 3.10 综合案例分析—...
使用jquery实现ajax同样异常简单 代码 (1) $.get("search. do",{id:1},rend); function rend(xml){ alert(xml); } (2) $.post("search. do",{id:1},rend); function rend(xml){ alert(xml); } (3) $...
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取 ...
2.3.4 代码分析 2.4 本章小结 第3章 jquery操作dom 3.1 dom基础 3.2 访问元素 3.2.1 元素属性操作 3.2.2 元素内容操作 3.2.3 获取或设置元素值 3.2.4 元素样式操作 3.3 创建节点元素 3.4 插入...
创建节点: document.createElement 创建文本节点: document.createTextNode 添加节点: appendChild 需求分析 在我们的注册表单中,通常我们需要知道用户的籍贯,需要一个给用选择的项,当用户选中了...
jq创建一个新的节点对象,这对一些自定义功能很有帮助，而且可以随意控制对象的结构与内容，何乐而不为呢，看到这里，相信有些朋友已经按耐不住了，好记下来为大家介绍实现方法，感兴趣的朋友可以了解下哦
现在使用jQuery来实现，我们只需要调用其支持的empty方法即可。 empty() 删除匹配的元素集合中所有的子节点。 再加上，我们要设默认值，所以此处清空select下所有option的方法，使用下面语句即可： 代码如下: $(‘#...
◦1)、zTree v3.x 针对大数据量一次性加载进行了更深入的优化，实现了延迟加载功能，即不展开的节点不创建子节点的 DOM。 ◦2)、对于每级节点最多一百左右，但总节点数几千甚至几万，且不是全部展开的数据，一次性...
实现效果主要涉及jq对节点的操作，以及动画函数的使用… 思路： 1.获取到评论文本框的值，对文本内容进行处理 2.动态创建一条弹幕，将创建的弹幕动态的添加到需要显示的页面，并同时创建一条新的评论消息，动态添加...
如果是PHP的话就简单多了，Jquery实现还是第一个，就开始狂的实验，最后还是实现了（知识点：Jquery创建节点、获取表单的值、循环语句）Jquery代码： 代码如下: [removed]$(function(){$(“#btn”).click(function...
今天开发一个项目的时候需要一个模拟鼠标右键菜单的功能。...这样可以拓展右键的功能。实现过程不多说了，写出来的代码和效果如下： js部分： 代码如下: ... //没有菜单节点的时候创建一个 menuNode=documen