首页 > 代码库 > $().attr()的使用方法 && $().html()与$().text()的差别
$().attr()的使用方法 && $().html()与$().text()的差别
<1>$().attr()的使用方法
</pre><pre class="html" name="code"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="http://www.mamicode.com/script/jquery-1.11.0.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //attr用来设置Jquery没有封装的对象属性 //----------------------------------------------------------------------------- $("#btnSubmit").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> </head> <body> <input type="button" value="http://www.mamicode.com/提交" id="btnSubmit" /> <img/> <a></a> </body> </html>
<2>$().thml()与$().text()的差别
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="http://localhost:41928/Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //.thml()是在块中加html代码 $("div").html("<a href=http://www.mamicode.com/‘http://www.baidu.com‘>百度"); alert($("div").text()); //输出是是一个百度的超链接 }) $(function () { //.text()是在块中的文字 $("div").text("<a href=http://www.mamicode.com/‘http://www.baidu.com‘>百度"); alert($("div").text()); //输出的是 【<a href=http://www.mamicode.com/‘http://www.baidu.com‘>百度】这么一段文字>
http://blog.sina.com.cn/s/blog_561be372010008ev.html
??
$().attr()的使用方法 && $().html()与$().text()的差别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。