jQuery獲取元素內部元素和獲取內容的區別、獲得輸入框value的方法

努力尋找活著發表於2017-07-26
jQuery
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQueryDOM操作</title>
    <script src="../../../js/jquery-3.1.1.min.js"></script>
    <script>
        $(function(){
/*            //獲取div標籤內部的元素  連標籤一塊顯示
            alert($('#d').html());
            //修改div標籤內部的元素
            $('#d').html('<span>hahahhahahahhahahha</span>');*/

/*            獲取文字內容  不顯示標籤
            alert($('#d').text());
            修改文字內容
            $('#d').text('21444443413');*/

            //獲取輸入框的value
            alert($('#t').val());
            //修改value屬性值
            $('#t').val('44444444444444');
        })
    </script>
</head>
<body>
<div id="d">

    <p>dhfggkadjjfhakhsdf</p>
    <a href="">adsssssagggggg</a>
    <!--xmp標籤把標籤當作普通文字解析-->
    <xmp><p>dshagguiuqhrgh</p></xmp>
    fdasssssssssssssssssssssa
    <input type="text" id="t" value="ssssssss"/>
</div>
</body>
</html>

相關文章