jquery append 方法应用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
   $("#btn1").click(function(){
       $("p").append(" <b>插入文本</b>.");
   });
   $("#btn2").click(function(){
       $("ol").append("<li>插入项</li>");
   });
});
</script>
</head>
<body>

<p>这是一个段落。</p>
<p>这是另一个段落</p>
<ol>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>

时间： 2024-10-28 19:39:43

jquery append 方法应用的相关文章

jquery append()方法与html()方法用法区别

append(content):方法在被选元素的结尾(仍然在内部)插入指定内容,有很多朋友觉得append与html差不多,其它从英文意义上append是在原有基础上增加,而html中是替换当前所有内容. 定义和用法 append() 方法在被选元素的结尾(仍然在内部)插入指定内容. $(selector).append(content) 使用函数来附加内容使用函数在指定元素的结尾插入内容. 语法 $(selector).append(function(index,html)) 实例代码: <

Jquery append 方法在ie8不兼容问题

var $a=$("<a>"); $("body").append($a); 这段代码在ie8下不兼容,怎么也添加不鸟元素,改成如下即可行: var $a=$("<a></a>"); $("body").append($a); 总结:ie对动态append的内容有要求,需要将一个具有完整意义的html一起append到代码中参考资料:http://blog.csdn.net/chhdje/

jquery append、prepend、before等等

1.jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容. 实例复制代码代码如下: $("p").append("Some appended text."); 2.jQuery prepend() 方法 jQuery prepend() 方法在被选元素的开头插入内容. 实例复制代码代码如下: $("p").prepend("Some prepended text."); 3.a

处理jQuery append加入的元素绑定事件无效的方法

通过jquery append(或者before.after,一样)新添加进网页的元素,常用的事件不能触发,比如:append了id 为 abc 的元素,那么 $(#abc).click(function(){})是没有效果的. 解决方法:用on函数一直以为on函数只有2个参数正确格式: $("outerSelector").on('eventType','selector',function(){}): outerSelector 是一个一直存在的DOM, selector是你要

J-Query开发锦集(3):appendTo()方法和append()方法

appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容. 提示:append() 和 appendTo() 方法执行的任务相同.不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容. appendTo()方法代码展示: 1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script

js原生方式实现jquery中的append()方法

一．在使用jquery时, append() 方法在被选元素的结尾(仍然在内部)插入指定内容使用方法:$(selector).append(content),content为必需的.规定要插入的内容(可包含 HTML 标签) 二．在使用原生js时,使用appendChild() 方法可向节点的子节点列表的末尾添加新的子节点, 用法:parent.appendChild(child); child没有引号包住,child参数,是node类型.给一个空文档里面动态创建元素,要使用document.

jQuery学习笔记之DOM树、创建新节点、append方法

DOM树. 创建新节点.创建元素节点和文本节点. 创建元素节点/文本节点/属性节点节点内部插入元素append方法节点内部插入元素prepend方法节点外部插入元素after方法节点外部插入元素before方法 DOM树创建div元素节点创建元素节点和文本节点创建元素节点.文本节点.属性节点 append方法 prepend方法 after方法 before方法

jQuery on()方法绑定动态元素的点击事件无响应的解决办法

$('#check_all').on('click' , function(){ alert(1); }); $("#yujinlist").append(html); count++; } 以上代码执行时,点击#check_all时,alert一直没反应,后在网上查资料时,才知道on前面的元素也必须在页面加载的时候就存在于dom里面, 那原话是这样的: 支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了.现在主要用on,使用on的时候

使用jquery的方法和技巧

1.下载一个jquery.js的文件 2.引入jquery.js文件 1 <script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.2.min.js"></script> 2 <script type="text/javascript"> 3 $(function(){ 4 5 //这里面使用jquery的方法 6 7 8 }); 9 </s