jquery使用append(content)方法注意事项

 append(content)函数的功能向每个匹配的元素内部追加内容,在使用方法上需要引起大家的注意,详细看下面示例

如以下示例:向所有段落中追加一些HTML标记。
 
HTML 代码:
 代码如下:
<p>I would like to say: </p>
 
 
jQuery 代码:
 
代码如下:
$("p").append("<b>Hello</b>");
 
结果:
 
[ <p>I would like to say: <b>Hello</b></p> ]
 
这样看好像没什么,很正常,如果我们换个方式追加呢?
 
$("p").append("<b>");
 
$("p").append("Hello</b>");
 
结果:
 
[ <p>I would like to say: <b></b>Hello</p> ]
 
结果就成这样了,为什么会这样呢?
 
我想应该是在调用append()函数时,它会自动去检测你加进去的html内容是否符合标准,如果符合,正常加入,如果不符合,那么它就会自动生成符合它所谓的标准而进行显示。
 

时间: 2025-01-02 05:42:41

jquery使用append(content)方法注意事项的相关文章

jquery使用append(content)方法注意事项分享_jquery

如以下示例:向所有段落中追加一些HTML标记. HTML 代码: 复制代码 代码如下: <p>I would like to say: </p> jQuery 代码: 复制代码 代码如下: $("p").append("<b>Hello</b>"); 结果: [ <p>I would like to say: <b>Hello</b></p> ] 这样看好像没什么,很正常

jquery使用append()方法的注意事项

1.append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容. a.语法:$(selector).append(content);    其中,参数content是必需的,指定要附加的内容. 例子: 如以下示例:向所有段落中追加一些HTML标记. HTML 代码: <p>I would like to say: </p> jQuery 代码: $("p").append("<b>Hello</b>");

jQuery中append()方法用法实例_jquery

本文实例讲述了jQuery中append()方法用法.分享给大家供大家参考.具体分析如下: 此方法可向所有匹配元素的内部的尾部追加HTML内容. 特别说明: 此方法是追加内容,并不会删除之前的内容. html内容就是内容中可以包含html标签,并且能够被浏览器渲染. 文本内容是先将内容中的html预定义字符转换成html字符实体,这样html标签就不会被渲染.语法结构: 复制代码 代码如下: $(selector).append(content) 实例代码:实例一: 复制代码 代码如下: <!D

jQuery使用append在html元素后同时添加多项内容的方法

 这篇文章主要介绍了jQuery使用append在html元素后同时添加多项内容的方法,实例分析了jQuery中append追加内容的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法.分享给大家供大家参考.具体分析如下: 下面的代码可以同时在文本段落后添加多项内容 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html

jQuery 追加元素的方法如append、prepend、before

 jQuery - 追加元素的方法有很多如append.prepend.before等等,下面为大家详细介绍下 1.jQuery append() 方法    jQuery append() 方法在被选元素的结尾插入内容.  实例  代码如下: $("p").append("Some appended text.");      2.jQuery prepend() 方法    jQuery prepend() 方法在被选元素的开头插入内容.  实例  代码如下:

jQuery使用append在html元素后同时添加多项内容的方法_jquery

本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法.分享给大家供大家参考.具体分析如下: 下面的代码可以同时在文本段落后添加多项内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function appendText() { var txt1="<p&g

jQuery中inArray方法注意事项分析_jquery

本文分析讲述了jQuery中inArray方法注意事项.分享给大家供大家参考,具体如下: jquery为web开发者提供了很大的便捷,本文写作的目地是提醒大家慎重jquery中的inArray方法. 大家都知道javascript是一种弱类型语言,对于数字类型和字符类型,可以随意切换(例如:1+""="1"),下面开始说主题: jquery的一个方法inArray(ele, array)是判断ele是否在array中存在,返回值是该元素第一次出现在数组array中的

jquery中append、prepend、before、after方法使用例子

一.after()和before()方法的区别     after()--其方法是将方法里面的参数添加到jquery对象后面去:     如:A.after(B)的意思是将B放到A后面去:     before()--其方法是将方法里面的参数添加到jquery对象前面去.     如:A.before(B)的意思是将A放到B前面去:   二.insertAfter()和insertBefore()的方法的区别     其实是将元素对调位置:     可以是页面上已有元素:也可以是动态添加进来的元

jQuery老黄历完整实现方法

 这篇文章主要介绍了jQuery老黄历完整实现方法,详细讲述了基于jQuery实现黄历的详细步骤与技巧,需要的朋友可以参考下     本文实例讲述了jQuery老黄历实现方法.分享给大家供大家参考.具体实现方法分析如下: 先来看看程序运行效果: html页面部分如下:   代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/