<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-1.11.3/jquery.min.js"></script>
    <script>
        $(function(){
            var $p = $("p");
            var $text = $("#txt1");
            // 获取样式属性，比如字体大小
            var $px = $p.css("font-size");
            alert($px);
            // 设置样式属性
            $p.css({"font-size":"30px","background":"green"});
            // 除了css样式属性的相关操作css方法，其他属性的操作都是prop方法
            // 获取属性
            var $name = $text.prop("name");
            alert($name);

            
            var $type = $text.prop("type");
            alert($type);

            // 设置属性
            // $text.prop({"value":"张三","class":"tname"});

            // 获取value属性可以使用val方法
            // alert($text.prop("value"));
            alert($text.val());
            // 使用val方法设置value属性
            $text.val("王五");
        });
    </script>
</head>
<body>
    <p>哈哈哈，我是一个段落标签</p>
    <input type="text" name="username" id="txt1" value="李四">
</body>
</html>