Welcome to Delicate template
Header
Just another WordPress site
Header

jquery的attr()为获取或设置元素属性值

4月 24th, 2013 | Posted by 无 名 in jQuery | js

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 属性。

You can follow any responses to this entry through the RSS 2.0 Both comments and pings are currently closed.