jquery中选择器的 html() text() val() attr() 方法的区别与使用方式

复制代码
<!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>
复制代码

 

posted @   lowmanisbusy  阅读(344)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 零经验选手，Compose 一天开发一款小游戏！
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发，如何调用三方的API Function，是通过提示词来发起调用的吗
点击右上角即可分享
微信分享提示