jQuery文本值相关操作

Posted supercwen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery文本值相关操作相关的知识,希望对你有一定的参考价值。

html:给div设置值和获取值,会解析html标签

text:给div设置值和获取值,不会解析html标签

val:获取input里的值

代码如下

<html>

<head>
<title></title>
</head>
    <style>
        div{
            width:100px;
            height:100px;
            background:red;
            margin-bottom:40px;
        }
        
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        
        $(function(){
            $(‘.cHtml‘).html(‘<p>我是学生</p>‘)  //会把p标签给解析出来,然后我是学生内容添加到div上
            console.log($(‘.cHtml‘).html())   //$(‘.cHtml‘).html()取出div里的内容
      $(‘.cText‘).text(‘<p>我是学生</p>‘)   //不会解析标签,会把标签直接添加到div上
      console.log($(
‘.cText‘).text()) //$(‘.cText‘).text()取出div里的内容
      $(
‘input‘).val(‘124‘) //给input框里设置值
      console.log($(
‘input‘).val()) })   //取出input框的值

  </script>
<body>
  <div class="cHtml"></div>
   <div class="cText"></div>
  <input />
</body>
</html>

效果图

技术分享图片

 












以上是关于jQuery文本值相关操作的主要内容,如果未能解决你的问题,请参考以下文章

清除 JQuery 中的文本字段值

合并来自 2 个 jQuery 片段的功能

jQuery的DOM操作

快速上手jQuery:属性操作文本属性值元素操作位置尺寸操作

测开之路一百零二:jquery元素操作

jQuery的操作及事件处理