首页 >

jquery append()方法与html()方法的区别及使用介绍【jquery】

web前端|js教程jquery append()方法与html()方法的区别及使用介绍【jquery】
jquery,append(),html()
web前端-js教程
append(content):方法在被选元素的结尾(仍然在内部)插入指定内容,有很多朋友觉得append与html差不多,其它从英文意义上append是在原有基础上增加,而html中是替换当前所有内容。
世界之窗源码,vscode无网络设置中文,ubuntu开通root,tomcat同时处理请求,骷髅爬虫画画,html中写php代码,google seo关键词研究,网站统计系统,jsp主页模板lzw
定义和用法
网络TV源码,ubuntu怎么开启蓝牙,爬虫框架 开源中国,php 构造,灰站 seolzw
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
$(selector).append(content)
朋友圈一键转发源码,vscode模板引擎插件,ubuntu . 命令,tomcat 32 64,sqlite全文搜索,网页设计注意事项,ftp登录数据库,服务器能做电脑主机吗,js 甘特图插件,jquery前端框架教程交流,小爬虫工具,php常量定义,seo框架,springboot国外,div标签未闭合检查,白酒网站模版,超级网页访问模块3.0,织梦模板不存在,网站后台系统设置,手机页面淡入淡出,信息管理系统界面,安卓运行php程序lzw
使用函数来附加内容
使用函数在指定元素的结尾插入内容。

语法

$(selector).append(function(index,html))

实例代码:

  .imgFocus{border: 1px solid #eee;}    var showimg = "
123456
"; $("p").append(showimg);
html() 方法返回或设置被选元素的内容 (inner HTML)。

如果该方法未设置参数,则返回被选元素的当前内容。
返回元素内容
当使用该方法返回一个值时,它会返回第一个匹配元素的内容。

语法

$(selector).html()

设置所有 p 元素的内容:

$(".btn1").click(function(){ $("p").html("Hello world!"); });
指定元素中清空

$("a[href$='logout.asp']").click(function(event) { event.preventDefault(); $.get("/xxlr/Logout.asp","",function(data, textStatus) { if (data == 1) { //表明注销成功 $('#message').html(""); $("#userlogin>div").show(); } else { $('#message').append("

注销失败,请重新尝试!

"); } }); });
下面是网友的补充:

当然不一样了,append是追加,html是完全替换
比如

123

$(“#1”).html(“456”);
结果是:

456

$(“#1”).append(“”);
结果是:

123

456


  • 暂无相关文章
  • Posted in 未分类