html()方法相当于原生JS中的innerHTML属性,用来获取或设置标签内部内容(只能用于双标签,单标签不可用)。
方法可以传递一个参数,自定义的字符串内容。
·获取:文本和内部标签
语法:jQuery对象.html();
·设置:若设置标签时,标签会被渲染
语法:jQuery对象.html(’文本内容”);
<!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Document</title> </head> <body> <div class=“box”>这是原始的 div1</div> <div class=“box”>这是原始的 div2</div> <div class=“box”>这是原始的 div3</div> <script src=“js/jquery-1.12.4.min.js”></script> <script> // 获取元素 var $box = $(“.box”) // html() 方法相当于原生 js 中的 innerHTML 属性 // html() 方法,如果传递参数,批量更改元素内部的内容 // $box.html(“这是一个新的内容”) // 如果内部的字符串包含了标签的语法的字符,会按照 html 语法进行加载 $box.html(‘这是新增加的子级这是段落
‘) // html() 方法不传递参数,是获取元素内容 // 获取时只能获取第一个元素内部的文案 // console.log($box.html()) </script> </body> </html>