1 获取/设置元素内容

  1.         <script src="js/jquery-1.12.4.min.js"></script>
  2.     <script>
  3.         $(function(){
  4.             // 标签选择器
  5.             var $div = $("div");
  6.             // 读取标签内容
  7.             alert($div.html());
  8.             // 设置标签内容
  9.             //$div.html("<a href='https://baidu.com'>百度</a>");
  10.             // 追加标签内容
  11.             $div.append("嘿嘿");
  12.         });
  13.     </script>
  14. </head>
  15. <body>
  16.     <div>哈哈</div>
  17. </body>
  18. </html>

2 获取/设置元素属性

css方法设置样式属性, 标签的其它属性通过prop方法

  1.         <script src="js/jquery-1.12.4.min.js"></script>
  2.     <script>
  3.         $(function(){
  4.             var $p = $("p");
  5.             var $txt = $("#txt1");
  6.             // 获取样式属性-字体大小
  7.             var $px =  $p.css("font-size");
  8.             alert($px);
  9.             // 设置样式属性
  10.             $p.css({"font-size":"30px", "background":"green"});
  12.             // 设置标签属性(默认是追加,若key相同会覆盖)
  13.             $txt.prop({"value":"张三", "class":"mfk", "type":"button"});
  14.             // 获取标签属性
  15.             var $name = $txt.prop("name");
  16.             alert($name);
  17.             // 获取标签value属性还有一种更简便的方法
  18.             var $value = $txt.val();
  19.             alert($value);
  20.             // 设置标签value属性
  21.             $txt.val("王五");
  22.         });
  23.     </script>
  24. </head>
  25. <body>
  26.     <p>哈哈, 我是一个段落标签</p>
  27.     <input type="text" name="user" id="txt1">
  28. </body>
  29. </html>

image.png