$().attr()的用法 && $().html()與$().text()的區別

1、$().attr()的用法

<script type="text/javascript"> $(function () { //attr用來設置Jquery沒有封裝的對象屬性 //----------------------------------------------------------------------------- $("#btn").attr("disabled", "true"); //attr用來設置Jquery沒有封裝的對象屬性，由於Jquery沒有封裝disabled屬性，這就是經過attr來將獲取到的對象的disabled屬性設爲true。 //----------------------------------------------------------------------------- //將input的class屬性名字設爲"inputClass" $("input").attr("class", "inputClass"); //----------------------------------------------------------------------------- //這裏將img的兩個屬性一併設置了值，就能夠用到json格式：{"屬性1"：值,"屬性2"：值} $("img").attr({ "src": "/images/123.jpg", "alt": "123456" }); // $("img").attr({ "src": "/images/123.jpg", "alt": "美女圖片" }); 也能夠寫成下面的形式 $("img").attr("src", "/images/123.jpg").attr("alt", "美女圖片"); //----------------------------------------------------------------------------- //將a標籤的href屬性設爲"http://www.baidu.com",將它的html()內容設爲"百度" $("a").attr("href", "http://www.baidu.com").html("百度"); }) </script>

2、$().thml()與$().text()的區別

<script type="text/javascript"> $(function () { //.thml()是在塊中加html代碼 $("div").html("<a href='http://www.baidu.com'>百度</a>"); alert($("div").text()); //輸出是是一個百度的超連接 }) $(function () { //.text()是在塊中的文字 $("div").text("<a href='http://www.baidu.com'>百度</a>"); alert($("div").text()); //輸出的是 【<a href='http://www.baidu.com'>百度</a>】這麼一段文字 }) </script>