设置属性、获取内容

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

<script type="text/javascript">
            $(document).ready(function() {
                $("#btn1").click(function() {
                    alert("值为: " + $("#test1").text());
                });
                $("#btn2").click(function() {
                    alert("值为: " + $("#test1").html());
                });
                $("#btn3").click(function() {
                    alert("值为: " + $("#test2").val());
                });
                $("#btn4").click(function() {
                    alert("值为：" + $("#test3").attr("href"));
                });
 
            });
        </script>

<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#test1").text("this is paragraph 1");
  });
  $("#btn2").click(function(){
    $("#test2").html("<b>this is paragraph 2</b>");
  });
  $("#btn3").click(function(){
    $("#test3").val("this is text");
  });
    $("#btn4").click(function(){
    $("font").attr("color","aqua");
  });
});
</script>

设置属性

$("font").attr("color","aqua");

参考文章：https://www.cnblogs.com/sueyyyy/p/9286303.html