zoukankan      html  css  js  c++  java
  • jQuery 文本属性值

    1. jQuery 文本属性值

    jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。

    1.1 jQuery内容文本值

    常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性,主要针对元素的内容还有表单的值操作。

    语法

    1.普通元素内容html0 (相当于原生inner HTML)
    html0
    /获取元素的内容
    html("内容") // 设置元素的内容
    2.普通元素文本内容text() (相当与原生 innerText)
    text0
    /获取元素的文本内容
    text("文本内容") // 设置元素的文本内容
    3.表单的值val0 (相当于原生value)
    val0
    /获取表单的值
    val("内容") /设置表单的值

    注意:html() 可识别标签,text() 不识别标签。

    演示代码

    <body>
       <div>
           <span>我是内容</span>
       </div>
       <input type="text" value="请输入内容">
       <script>
           // 1. 获取设置元素内容 html()
           console.log($("div").html());
           // $("div").html("123");
           // 2. 获取设置元素文本内容 text()
           console.log($("div").text());
           $("div").text("123");
           // 3. 获取设置表单值 val()
           console.log($("input").val());
           $("input").val("123");
       </script>
    </body>

     

  • 相关阅读:
    Machine learning 第8周编程作业 K-means and PCA
    Machine learning 第7周编程作业 SVM
    Machine learning第6周编程作业
    Machine learning 第5周编程作业
    小M的作物 最小割最大流
    k-近邻算法 python实现
    编辑距离 区间dp
    Machine learning第四周code 编程作业
    MDK5报错missing closing quote
    HDU 5512
  • 原文地址:https://www.cnblogs.com/llanq123/p/13789583.html
Copyright © 2011-2022 走看看