使用Jquery给DIV下超链接赋值及样式属性

        在百度弄了半天，终于解决了，DIV下超链接未设置选择符，如何通过JQuery来增加，使用JQuery给层DIV下超链接添加属性，在修改商派shopex时底部有商派的版权信息，我的初意是这样的，至于他还有那些用处我也不是很清楚。也算是JQuery的学习小点吧。

        在使用JQuery先引用JQuery的核心库文件，百度一搜很多，当然你也可以将它下载到本地。

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>/*JQuery的外部引用核心文件*/

<script>
$(function() {
    $("#zhou a").css("background-color", "orange"); /*给#zhou下的超链接添加CSS样式*/
    $("#zhou a").attr("rel","nofollow");/*给#zhou下的超链接赋值REL*/
    $("#zhou a").addClass("light1");/*给#zhou下的超链接增加class选择符*/
    $(" table a").attr("rel","nofollow");/*给table里面的超链接赋值REL*/

$("table a").css("color","red");/*给table里面的超链接添加CSS样式*/
});
</script>

<table width="100%" border="1">
  <tr>
    <td><a href="http://www.ksiso.net">table里面的超链接</a></td>
    <td><a href="http://www.ksiso.net">table里面的超链接</a></td>
  </tr>
  <tr>
    <td>&3p;</td>
    <td>&n4p;</td>
  </tr>
  <tr>
    <td>&n5;</td>
    <td>&n6p;</td>
  </tr>
</table>
<div id="zhou">
<a href="http://www.ksiso.net">table外部超链接</a>
</div>
可以在本地测试一下上面代码。

测试代码文件下载：

      以上这种添加样式法，站长工具检测不出来超链接增加了nofollow，但是实际对于SEO优化效果还在观察中，查看源码，文件添加样式生效，这种能用在什么情况下还要在细细品酌，或者在学习一下JQuery进阶，以另外一种方式达到自己想要的效果。

 

      以后继续学习，判断第几个超链接什么样式。

      小白菜鸟，还请见谅。

TAGS:Jquery , DIV , 属性

来自Davids zhou博客原创文章请尊重作者：http://www.zongk.com/zongk/34.html转载请标注此链接