教培参考
教育培训行业知识型媒体
发布时间: 2024年11月23日 02:57
Jquery如何获取和设置元素内容?代码怎么写?jQuery 具有可操作 HTML 元素和属性的方法,其中jQuery 非常重要的部分就是操作DOM,获得- text()、html() 以及 val()内容。
获取和设置元素内容学习目标:能够知道获取和设置元素内容的操作
html方法如何使用?
jquery中的html方法可以获取和设置标签的html内容。
示例代码:
<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">
说明:给指定标签追加html内容使用append方法
获取和设置元素小结:获取和设置元素的内容使用: html方法;给指定元素追加html内容使用: append方法。