jQuery文本值相关操作

最新推荐文章于 2024-07-26 11:41:15 发布

dongciqiu0026

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量58

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/superCwen/p/9886408.html

版权

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>

效果图

转载于:https://www.cnblogs.com/superCwen/p/9886408.html

dongciqiu0026

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery文本值相关操作

html：给div设置值和获取值，会解析html标签text：给div设置值和获取值，不会解析html标签val：获取input里的值代码如下<html><head><title></title></head> <style> div{ ...
复制链接

扫一扫