`
残血舞
  • 浏览: 31056 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery中append和prepend的用法

阅读更多
append   是插入到元素中,并放到元素内的最后面
prepend  是插入到元素中,并放到元素内的最前面

$("body").prepend('<form id="form01" name="user_name" action="login.php" method="post" ></form>');
$("#form01").append('<input id="user_name_id" name="user_name" type="text" ></input>');
$("#form01").append('<input id="user_pass_id" name="user_pass" type="password" ></input>');
$("#form01").append('<input type="submit" name="button" id="button" value="提交" /></input>');
分享到:
评论

相关推荐

    jQuery添加新内容的四个常用方法分析【append,prepend,after,before】

    主要介绍了jQuery添加新内容的四个常用方法,结合实例形式分析了jQuery元素添加append,prepend,after,before四种方法的功能与相关使用技巧,需要的朋友可以参考下

    jquery 追加元素append、prepend、before、after用法与区别分析

    在jquery中append、prepend、before、after方法是对数据元素节点的操作系列方法了,这些方法大家了解吗?如果不了解就可以和小编来看看它们用法

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂。如下: 方法 源包装集/字串 目标包装集体 特性描述 A.append(B)       B       A 若目标包装...

    实训 jQuery开发交互效果页面--留言页面.pptx

    4. jQuery UI 的使用方法:jQuery UI 是 jQuery 的一个插件库,提供了多种用户界面组件,例如:对话框、日期选择器、自动完成等。我们可以使用 jQuery UI 来快速构建用户界面组件。 5. jQuery 事件处理:jQuery ...

    jQuery – 添加元素

    jQuery – 添加元素 通过 jQuery,可以很容易地添加新元素/内容。...jQuery append() 方法在被选元素的结尾插入内容(仍然该元素的内部)。 实例 $("p").append("追加文本"); jQuery prepend() 方法 jQuery prepen

    jQuery 改变P标签文本值方法

    Web前台页面中有一P标签值, 该用户名已被注册 想通过jquery改变该P标签的内容。 开始时使用val()属性,发现达不到目标。 val()可以用来改变类似于文本框的输入内容。 查了下,使用jQuery HTML 操作完成操作。 ...

    《jQuery程序设计》实验指导书.doc

    * jQuery 的主要特点是 chainable 方法、选择器和事件处理 实验 1:编写 jQuery 驱动页面并学会使用 Firebug 辅助工具 * 如何创建 jQuery 驱动页面 * 熟悉使用 jQuery 编辑和调试工具 Firebug * 使用 `&lt;script&gt;` ...

    jQuery获取Select选择的Text和_Value

    可以使用 `$("#select_id").append("&lt;option value='Value'&gt;Text&lt;/option&gt;")` 方法添加一个 Option 项。 2. 插入一个 Option 项: 可以使用 `$("#select_id").prepend("请选择&lt;/option&gt;")` 方法插入一个 Option 项...

    jQuery详细教程

    通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 &lt;script type="text/javascript" src="jquery.js"&gt; $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); &lt;h2&gt;...

    jQuery插入节点1

    jQuery 提供了多种方法来插入节点,包括 `append()`、`appendTo()`、`prepend()`、`prependTo()`、`after()`、`insertAfter()`、`before()` 和 `insertBefore()`。 * `append()` 方法将节点追加到匹配到的子元素的...

    详解jQuery向动态生成的内容添加事件响应jQuery live()方法

    jQuery live()方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。 这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配...

    jQuery中对节点进行操作的相关介绍

    jQuery中使用$(html字符串)来动态创建Dom节点,并且返回一个jQuery对象,可以调用append等方法将创建的节点添加到Dom中。 例如:  var link = $(“百度”);  $(“div:first”).append(link); 添加节点元素的方法:...

    jQuery和JavaScript节点插入元素的方法对比

    把所有的元素追加到另一个指定的元素集合中,实际上是颠倒了append()的用法。如$(A).append(B)与$(B).appendto(A)是等价的 prepend() 向每个匹配的元素内部前置内容 prependTo() 把所有匹配的元素前置到...

    jQuery动态添加、删除元素的方法

    添加、删除元素在项目中经常会用到,下面为大家介绍下使用jQuery对元素进行动态添加和删除,具体的实现如下,希望对大家有所帮助

    jquery 操作DOM的基本用法分享

    例子展示: jquery代码: 代码如下: [removed] $(document).ready(function(){ alert&#40;$(“ul li:eq(1&#41;”).text()); //选取第二个li的值 alert&#40;$(“p”&#41;.attr(“title”)); //选取p的title属性的值 /...

    jQuery操作元素追加内容示例

    主要介绍了jQuery操作元素追加内容,结合完整实例形式分析了jquery页面元素追加相关操作方法,包括append、appendTo、prepend、prependTo等方法使用技巧,需要的朋友可以参考下

    Jquery-1.9.1源码分析系列(十一)之DOM操作

    DOM操作包括append、... DOM操作函数中后五种方法使用的依然是前面五种方法,源码 jQuery.each({ appendTo: append, prependTo: prepend, insertBefore: before, insertAfter: after, replaceAll: replaceWith

    jedQuery:语法与 jQuery 兼容的轻量级 JavaScript 库

    那么您就知道如何使用 jedQuery :)(这是我学习原生 javascript 以及 jQuery 工作原理的项目)当前版本 0.1.6浏览器兼容IE 8+更改日志0.1.6 添加新方法is (仅支持字符串选择器和元素)0.1.5 添加新方法eq 添加新...

    jQuery DOM插入节点操作指南

    实际上,使用该方法是颠倒了常规 的$(A).append(B)的操作,是将A追加到B中。 HTML代码:我想说: jQuery代码: $(“你好”).appendTo(“p”) 结果: 我想说:你好&lt;/b&gt;&lt;/p&gt; prepend() 向每个匹配

Global site tag (gtag.js) - Google Analytics