网站开发日志

2008年8月30日星期六

分享家:Addthis中国

Jquery里改变元素样式(style)的方法

Jquery里改变元素样式的方法主要有两种:

  1. 直接加入CSS
    $('#leftPan li a').css({

    'font-weight':'normal',

    'color':'#5F7A77',

    'background' :'url(images/bullet2-normal.gif) 0 10px no-repeat'

     });
    
    //'#leftPan li a' 指明了那个元素需要改变样式
    //如果有多个CSS属性需要改变,用逗号分隔
  2. addClass 函数法
    $('#leftPan li a').addClass('selected')
    
    //seleted 是预先定义好的Class
    
    $(this).addClass('selected');
    
    //如果是针对当前元素,可以用this
    
    $('span:contains(tab)').addClass('selected');
    
    //给含有'tab'的span元素就Class
    
    $(this).children().addClass('selected');
    
    /*如果当前元素无法直接添加新的Class,我们可以通过更改span的属性来改变。
    
    如果当前元素已经定义了span,那么我们可以用(this).children()来找到当前
    
    元素的span。*/

标签:

相关文章:

1 条评论:

发表评论

指向此帖子的链接: