jquery如何获取textarea中的内容，属性的值，字体大小，字体颜色 ?

 $(".send-btn").click(function(){
        var $send=$("#J-title").val(); //textarea获得内容
        var $color=$("#J-title").css("color");
        var curTime = new Date(); //创建时间点
        //toLocaleString()转换
        $(".chat-content").append(["<p class=\"me-list\">",
            "                    <p class=\"me-label\"><span class=\"me-time\">"+curTime.toLocaleString()+"</span> 我</p>",
            "                    <p class=\"me-content\">",
            "                        <span class=\"me-msg\"><a href=\"\">"+$send+"</a></span>",
            "                    </p>",
            "                </p>"].join(""));

    });

我想要在字串符拼接这个样子。具体怎么做？
我有几个疑问
val()只是获取内容，如何获取属性的值
比如style="color:rgb(0,0,0)";中的属性和值
然后在append() 发送到 上面的窗口。
大家看了我上传截图，我写的只能获取默认的内容，更别说样式的值了。
字符串中是怎么拼接attr()呢？