jquery获取标签的三种方法（jquery根据标签获取元素）

六、获取和设置元素内容1. html方法的使用jquery中的html方法可以获取和设置标签的html内容

jquery根据标签获取元素

六、获取和设置元素内容

1. 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://","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方法来完成。

上面就是小居数码小编今天给大家介绍的关于（jquery根据标签获取元素）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。

94%的朋友还想知道的：

• PPT三种录屏方法图文（电脑ppt如何录屏）
• 恢复微信聊天记录的三种方法是什么（恢复微信聊天记录的方法）
• 三种方法帮你解决问题（微信聊天记录误删怎么恢复）
• 批量标签表格制作方法教程（如何用excel批量制作标签）

（458）个朋友认为回复得到帮助。