通过jquery轻松操作分配给HTML元素的属性

1。获取&设置属性值
我们可以通过jquery轻松操作分配给HTML元素的属性。
比如元素的href,src,id,class,style属性。
attr()方法用于获取属性的值。
例如：
HTML：

<a href="www.w3cschool.cn">
点击这里
</a>

JavaScript：
$(function(){
var val=$("a").attr("href");
alert(val);
});

在上面的代码中，我们选择并提醒了元素的href属性的值。

attr()方法
attr()方法允许我们通过第二个参数来给属性设置一个值。
例如：

$(function(){
$("a").attr("href","https://www.jquery.com");
});

1.有几种方法可以通过jQuery操作HTML元素的内容。
html()方法用于获取所选元素的内容，包括HTML标记。
例如：
HTML：

 <P>
    jQuery is<b>fun</fun>
    </p>

JS:

$(function(){
var val=$("p").html();
alert(val);
});
//弹出“jQuery is<b>fun</b>‘’”

请注意，HTML标签也被返回。
如果你只需要文本内容，不需要HTML标签，可以是用text()方法：

$(function(){
var val=$("p").text();
alert(val);
});
//弹出jQuery is fun

设置内容：
可以使用html()和text()方法来更改HTML元素的内容。
HTML:

<div id="test">
<p>some text</p>
</div>

JS:
$(function(){
$('#test').text("hello!");
});