zoukankan      html  css  js  c++  java
  • 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();

           // 取出目标标签的文本内容,如果存在换行,取出的数据中会存在 ,需要注意!!!!!!!! 使用 $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>
  • 相关阅读:
    Ubuntu设置静态IP,解决重启后需要重新设置的问题。
    Ubuntu网速慢的问题
    WinPcap编程4——捕获数据包
    有关汇编的文章与代码
    WinPcap编程1——简介
    野外生活完全攻略
    户外与学习方法
    躲猫猫是什么意思
    C++各大有名库的介绍——综合
    WinPcap编程3——获取网络适配器列表
  • 原文地址:https://www.cnblogs.com/lowmanisbusy/p/9034111.html
Copyright © 2011-2022 走看看