$().attr()的用法 && $().html()与$().text()的区别

一、$().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>

二、$().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>