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. spring boot 配置文件动态更新原理  以Nacos为例
			
    配置文件的动态更新 通常获取配置文件的方式 1, @Value 2. @ConfigurationProperties(Prefix) 如果是在运行时要动态更新的话, 第一种方式要在bean上加@Re ...
    
			
    2. 
						
  2. 数据绑定-Java的基本数据类型绑定
			
    Demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...
    
			
    3. 
						
  3. JS基础_其他进制的数字（了解）
			
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
    
			
    4. 
						
  4. Java构造二叉树、树形结构先序遍历、中序遍历、后序遍历
			
    package com.example.demo; public class BTree { public int data; public BTree left; public BTree rigt ...
    
			
    5. 
						
  5. python-迭代器与生成器1
			
    python-迭代器与生成器1 迭代器与生成器列表的定义列表生成式:作用使代码更加简洁通过列表生成式,我们可以直接创建一个列表.但是,受到内存限制,列表容量肯定是有限的.而且,创建一个包含100万个元 ...
    
			
    6. 
						
  6. particlesjs
			
    今天发现一个粒子动画的插件下个笔记做个备用: <!DOCTYPE html> <html lang="en"> <head> <meta  ...
    
			
    7. 
						
  7. Iterator、Generator、Decorator、Descriptor
			
    Python中的迭代器.生成器.装饰器.描述符. 可迭代对象(iterable)但凡是可以返回一个迭代器的对象都可成为可迭代对象可迭代对象实现了__iter__方法,该方法返回一个迭代器对象迭代器(i ...
    
			
    8. 
						
  8. 【spoj 5971】lcmsum
			
    全场都 AK 了就我爆 0 了 题意 \(t\) 组询问,每组询问给定 \(n\),求 \(\sum\limits_{k=1}^n [n,k]\).其中 \([a,b]\) 表示 \(a\) 和 \( ...
    
			
    9. 
						
  9. hive创建分区表
			
    #创建分区表CREATE TABLE if not exists data_center.test_partition (id int,name string,age int)PARTITIONED  ...
    
			
    10. 
						
  10. ubuntu下usb抓包方法步骤--usbmon
			
    开发或者调试USB设备相关的工具或者驱动,一个调试的利器就是usbmon抓包. 在ubuntu下使用步骤如下: 1 运行命令  sudo  mount -t debugfs none  /sys/ke ...
    
			
    11.