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

作者:Davidszhou   来源:Davidszhou博客   时间:2015-04-09 21:24:34   点击:

        在百度弄了半天,终于解决了,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>
可以在本地测试一下上面代码。

测试代码文件下载:

www.zongk.com JQuery给DIV下超链接及其他元素加样式赋值
文件类型: .txt 3919ab645edc3d85a42f79093511718d.txt (1.07 KB)

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

 

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

      小白菜鸟,还请见谅。

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

TAGS:Jquery , DIV , 属性

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

七日热点
热力推荐
网站统计
文章总数:126
今天发布:1
软件资源数:17