jQuery 文档操作 - html() 方法

实例

设置所有 p 元素的内容：

$(".btn1").click(function(){

  $("p").html("Hello <b>world</b>!");

});

亲自试一试

定义和用法

html() 方法返回或设置被选元素的内容 (inner HTML)。

如果该方法未设置参数，则返回被选元素的当前内容。

返回元素内容

当使用该方法返回一个值时，它会返回第一个匹配元素的内容。

语法

$(selector).html()

亲自试一试

设置元素内容

当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。

语法

$(selector).html(content)



亲自试一试






参数
描述




content
可选。规定被选元素的新内容。该参数可包含 HTML 标签。








使用函数来设置元素内容


使用函数来设置所有匹配元素的内容。


语法


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


亲自试一试








参数
描述




function(index,oldcontent)


规定一个返回被选元素的新内容的函数。


  • index - 可选。接收选择器的 index 位置。


oldcontent - 可选。接收选择器的当前内容。








这里我们尝试一下img标签呐？
												


											
HTML jQuery 文档操作 - html() 方法的更多相关文章
	

    
								
  1. jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
		
    原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp   实例 使用 noConflict() 方法为 jQuery 变量规定新 ...
    
		
    2. 
						
  2. jQuery 文档操作 - remove() 方法
		
    移除所有 <p> 元素: 定义和用法 remove() 方法移除被选元素,包括所有文本和子节点. 该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素.  ...
    
		
    3. 
						
  3. jQuery 文档操作 - html() 方法
		
    1.转自:http://www.w3school.com.cn/jquery/manipulation_html.asp 设置所有 p 元素的内容: <html> <head> ...
    
		
    4. 
						
  4. jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器
		
    jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
    
		
    5. 
						
  5. jQuery文档操作
		
    jQuery文档操作 1.jq文档结构 var $sup = $('.sup'); $sup.children(); // sup所有的子级们 $sup.parent(); // sup的父级(一个, ...
    
		
    6. 
						
  6. jQuery 文档操作 - prependTo() ，appendTo()方法
		
    其他jquery文档操作方法:http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp jQuery 参考手册 - 文档操作 appe ...
    
		
    7. 
						
  7. 前端之JQuery：JQuery文档操作
		
    jquery之文档操作 一.相关知识点总结1.CSS .css() - .css("color") -> 获取color css值 - .css("color&qu ...
    
		
    8. 
						
  8. jQuery文档操作--append()、prepend()、after()和before()
		
       append(content|fn)  概述 向每个匹配的元素内部追加内容,这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似 参数    content  要追 ...
    
		
    9. 
						
  9. jQuery 文档操作 - insertAfter() ，insertBefore()，after()，before() 方法
		
    这个方法跟prependTo()和appendTo()不一样的地方在于,一个是仍然插入到元素内部,而insertAfter和insertBefore是插入到元素外部. 这里拿insertBefore来 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 最好用linux版QQ
			
    这个版本的qq是见过linux下做好用的qq,希望对大家有用; 安装简单,qq易用,不卡死,可以接收文件. 安装过程如下: git clone https://gitee.com/wszqkzqk/d ...
    
			
    2. 
						
  2. 分布式---CAP和BASE理论
			
    3.CAP   分布式系统不可能同时满足一致性(C:Consistence),可用性(A:Avaliability)和分区容忍性(P:Partition Tolerance),最多只能同时满足其中的两 ...
    
			
    3. 
						
  3. python内置函数简单归纳
			
    做python小项目的时候发现熟练运用python内置函数,可以节省很多的时间,在这里整理一下,便于以后学习或者工作的时候查看.函数的参数可以在pycharm中ctrl+p查看. 1.abs(x):返 ...
    
			
    4. 
						
  4. luogu P4482 [BJWC2018]Border 的四种求法
			
    luogu 对于每个询问从大到小枚举长度,哈希判断是否合法,AC 假的(指数据) 考虑发掘border的限制条件,如果一个border的前缀部分的末尾位置位置\(x(l\le x < r)\)满 ...
    
			
    5. 
						
  5. Js阻止冒泡，Vue中如何阻止冒泡事件
			
    js解决冒泡:event.stopPropagation() vue解决冒泡: 事件.stop,例如:@click.stop="" ,@mouseover.stop="& ...
    
			
    6. 
						
  6. 帝国cms所有一级栏目遍历，如果有子栏目的话，遍历出来
			
    所有一级栏目遍历,如果有子栏目的话,遍历出来. 注意下方的bclassid是可以改变的.可以改成自己想要设置的父栏目id. 遍历所有栏目,如果有二级栏目的话显示 [e:loop={"sele ...
    
			
    7. 
						
  7. SpringMVC @Valid,@RequestBody,@RequestParam标注参数时,进行Postman测试
			
    @Valid(post请求) 可与@RequestBody一起使用 > (@RequestBody @Valid User user) @RequestBody(post请求) 这里的requi ...
    
			
    8. 
						
  8. dedecms body 输出自动替换结果。
			
    {dede:field.body function='str_replace("张三","李四",@me)'/} body内容中的张三全部换成了李四
    
			
    9. 
						
  9. kernel module insmod错误
			
    kernel模块配置 Enable loadable module support 打开可加载模块支持,如果打开它则必须通过"make modules_install"把内核模块安 ...
    
			
    10. 
						
  10. linux主机之间的SSH链接
			
    一.什么是SSH连接 SSH为Secyre Shell的缩写,SSH 为建立在应用层基础上的安全协议.SSH 是目前较可靠,专为远程登录会话和其他网络服务提供安全性的协议.且SSH连接可以通过多种平台 ...
    
			
    11.