<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html() text() val() attr()</title> <script src="./js/jquery-1.12.4.min.js"></script> <script> $(function(){ $box = $(".box")
// 获取到的是包括标签在内的内容 可以使用 $box.html("内容") 对整个标签进行替换, 通常会在拿到数组数据后 使用for 循环遍历出数据
// 然后构造ul li 标签,并将数据填充,然后使用html()方法进行整体替换从而实现数据渲染
var data = $box.html();
// 取出目标标签的文本内容,如果存在换行,取出的数据中会存在 \n ,需要注意!!!!!!!! 使用 $box.text("内容") 可以进行数据替换
var data_1 = $box.text();
// 取出目标标签的value属性值(如果该标签存在该属性值的话) 可以使用 $(".box_1").val("内容") 进行数据的替换
var data_2 = $(".box_1").val()
// 取出该标签的某个属性 也可以使用 $(".box").attr("a", "嘿嘿") 的方式改变属性值
var data_3 = $(".box").attr("class")
}); </script> </head> <body> <div class="box" a=""> 嘿嘿 </div> <input type="text" value="嘿嘿" class="box_1"> </body> </html>