Live Code Editor

<!DOCTYPE html>
<html>
    <head>
        <script language="javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>       
        <script language="javascript">
            $(document).ready(function(){
            	function SetAttr(){
                    // dùng attr() lấy giá trị value của textbox gán vào span đầu tiên
                	$('span:first').text($('#02').attr('value'));
                }
                function SetProp(){
                    // dùng prop() lấy giá trị value của textbox gán vào span đầu cuối cùng
                	$('span:last').text($('#02').prop('value'));
                }
            	SetAttr();
                SetProp();
                
                $('#02').keyup(function(){
                    // khi người dùng nhập dữ liệu vào textbox
                    // thì gọi lại 2 hàm
                	SetAttr();
                    SetProp();
                
                });
            
            });
        </script>
    </head>
    <body>
      <p>attr() : <span></span></p>
      
      <input type="text" id="02" value="value"/>
      
      <p>prop() : <span></span></p>
    </body>
</html>