attr()可以获取标签里面的某个元素属性值。
自定义的也可以。
如:
<abc eee="what?" id="abc"></abc> <script> alert($('#abc').attr('eee')); </script>
上面示例就显示了abc标签自定义的属性值eee=”what?”。
也可以设置属性值。
$(‘#abc’).attr(‘eee’,’where?’);
示例点击控制embed标签。
<div id="videosrc"><embed src="http://player.youku.com/player.php/sid/XNDQzMDcxNTg0/v.swf" allowFullScreen="true" quality="high" width="700" height="460" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></div> <div class="blank20"></div> <ul class="videoshow"> <li data="http://player.youku.com/player.php/sid/XNDQzMDcxNTg0/v.swf">测试视频</li> <li data="http://player.youku.com/player.php/sid/XNDQzMDcxNTg0/v.swf">测试视频</li> <ul> <script type="text/javascript"> $(".videoshow li").click(function(){ $("#videosrc").html('<embed src="'+ $(this).attr("data") +'" allowFullScreen="true" quality="high" width="700" height="460" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>'); }); </script>
之所以没使用.attr给embed标签设置属性值,是因为embed 和 object 因为数据(video, audio, flash, activex)的特殊性,跟一般DOM处理上有所不同,在载入后浏览器会拒绝改变它们的 src 属性。