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. Hive 教程(二)-认知hive
			
    在大数据领域,hive 的位置非常重要,排名前三的大数据工具为 spark.hive.kafka 什么是hive 在大数据领域有 3 种需求场景:传输.存储.计算: hive 是一个处理海量的结构化数 ...
    
			
    2. 
						
  2. 加快ALTER TABLE 操作速度
			
    mysql的alter table操作的性能对于大表来说是个大问题.mysql大部分修改表结构操作的方法都是用新的结构创建一个 新表,从旧表中查出数据插入新表,然后在删除旧表.这样的操作很耗费时间,而 ...
    
			
    3. 
						
  3. Dasha and Photos CodeForces - 761F (前缀优化)
			
    大意: 给定n*m初始字符矩阵, 有k个新矩阵, 第$i$个矩阵是由初始矩阵区间赋值得到的, 求选择一个新矩阵, 使得其余新矩阵到它距离和最小. 字符集比较小, 可以考虑每次区间覆盖对每个字符的贡献. ...
    
			
    4. 
						
  4. 一、redis学习(基础)
			
    redis  持久化 rdb aof 
    
			
    5. 
						
  5. Uncaught SyntaxError: Unexpected identifier
			
    $.ajax({ //请求头 type:"POST", contentType:"application/x-www-form-urlencoded", url ...
    
			
    6. 
						
  6. 解决stackoverflow加载慢的插件
			
    浏览stackoverflow的时候,比较慢,网上找到一个大神写的小工具 挺管用,给推荐下. gitthub地址: https://github.com/justjavac/ReplaceGoogle ...
    
			
    7. 
						
  7. Elasticsearch没看文档之前,整理的一些知识
			
    1 基础 index -> 数据库 type -> 表 document -> 行 field -> 列 ----------------------------------- ...
    
			
    8. 
						
  8. Google浏览器显示URL的 http https ....
			
    谷歌浏览器输入 chrome://flags/#omnibox-ui-hide-steady-state-url-trivial-subdomains 输入之后, 高亮部分选项 改为 Disabled ...
    
			
    9. 
						
  9. multipart/form-data请求与文件上传的细节
			
    <!DOCTYPE html><html><head lang="en">  <meta charset="UTF-8" ...
    
			
    10. 
						
  10. Wayos网吧路由英雄联盟频繁掉线解决办法
			
    英雄联盟某些机器瞬间ping值飙升,然后一直掉线重连!研究好久,解决了,经验与大家分享 第一步,在路由器地址后加qos_ext.htm进入qos参数设置页面(如果出现不了设置界面请更新固件).比如:h ...
    
			
    11.