六、获取和设置元素内容
1. html方法的使用
jquery中的html方法可以获取和设置标签的html内容
示例代码:
<script>
$(function(){
var $div = $("#div1");
// 获取标签的html内容
var result = $div.html();
alert(result);
// 设置标签的html内容，之前的内容会清除
$div.html("<span style='color:red'>你好</span>");
// 追加html内容
$div.append("<span style='color:red'>你好</span>");
});
</script>
<div id="div1">
<p>hello</p>
</div>说明:
给指定标签追加html内容使用append方法
七、获取和设置元素属性
1. prop方法的使用
之前使用css方法可以给标签设置样式属性，那么设置标签的其它属性可以使用prop方法了。
示例代码:
<style>
.a01{
color:red;
}
</style>
<script>
$(function(){
var $a = $("#link01");
var $input = $('#input01')
// 获取元素属性
var sId = $a.prop("id");
alert(sId);
// 设置元素属性
$a.prop({"href":"http://www.baidu.com","title":'这是去到百度的链接',"class":"a01"});
// 获取value属性
// var sValue = $input.prop("value");
// alert(sValue);
// 获取value属性使用val()方法的简写方式
var sValue = $input.val();
alert(sValue);
// 设置value值
$input.val("222222");
})
</script>
<a id="link01">这是一个链接</a>
<input type="text" id="input01" value="111111">说明: 获取value属性和设置value属性还可以通过val方法来完成。
相关推荐
-
梦幻西游手游门派技能详解（梦幻西游端游门派技能）
大唐官府 在梦幻西游手游中目前共有6个门派，而每个门派拥有7个门派技能，包括1个主技能，1个被动临时符技能，4个主动技能，1个门派绝技。那么各大门派技能都是怎么样的呢？下面蚕豆网小编就为大家带来梦幻西游手游...
-
seo网站优化如何做（如何做网站优化seo技巧方法）
如今，企业想要利用网站在搜索引擎中做推广宣传，就需要做网站SEO优化。而网站SEO优化都包括站内SEO优化，以及站外SEO优化，只有做好了整站SEO优化，才能让网站在竞争激烈的搜索引擎中脱颖而出，从而让网站获得更好...
-
电脑屏幕怎么适配大小（电脑自适应屏幕大小）
这一期教大家如何对不通的分辨率进行适配 我们的电脑分辨率大小不是统一个的分辨率，有的旧的电脑的分辨率很低，有的新电脑分辨率很高，当我们在做界面效果的时候，即使你做了自适应也未未必完全适配屏幕大小，那这...
-
韬光养晦是什么意思（韬光养晦的典故和真正含义）
隐藏才能，不使外露。“韬光养晦”由“韬光”和“养晦”两个词语组成。韬光的字面意思是收敛光芒，引申意义为避免抛头露面。 韬光养晦由韬光和养晦两个词语组成。 韬光的字面意思是收敛光芒，引申意义为避免抛头露面。最早...
-
长跑的技巧与正确姿势（中考体育考试长跑技巧）
距离中招体育考试已经不远了，很多同学将全部身心投入到学习之中，但是切记别把中招体育锻炼搁置在一边。 以下是中招体育考试中，一位监考长跑项目老师的一些感想及建议，希望对同学们备考中招体育有所帮助。 长跑（...
-
nerdy是什么牌子（nerdy牌子中文念法）
nerdy是什么品牌 Nerdy是韩国APRIL SKIN旗下的一个潮牌，非常年轻街头，休闲味十足。Nerdy的服饰材质都很舒适，颜色多彩个性，适合随意混搭。Nerdy的服饰版型都比较宽松，不怎么挑身材，也很适合学生党。 怎么辨别ne...