欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > Jquery > 属性操作与CSS操作

属性操作与CSS操作

2018-05-10 638 收藏 0 赞一个 0 真差劲 0 去评论

一、属性操作

1、获取属性和设置属性

$(selector).attr(attribute);  
$(selector).attr(attribute,value)

例,<a href="http://www.aizhanzhe.cn/" title="_blank"></a>使用$("a").attr("href")来获取其 href属性。这种方式十分的“优雅”,即使用不带参数(或一个参数)的函数表示获取,带多个参数的函数来设置相关值。

2、删除属性

$(selector).removeAttr(attribute)

二、StyleSheet操作

1、获取样式及设置样式,使用$(selector).attr(css-selecotr)可获取相应css取值,使用$(selector).attr(css-selector,value)可设置其 值。

$(selector).addClass(css-class);//添加class

相信CSSer还记得class可以使用叠加方式,如<div class="page centerTd"></div>,这样可对div设置多种样式(而且居然ie6也支持!)。使用attr("class",value) 方式较繁琐且添加效果是“覆盖”而addClass是“追加”

2、移除样式

$(selector).removeClass(css-class)

另jQuery还提供了一个切换两个元素css类的函数toggleClass(),使用方法$(selector1).toggleClass(selector2)

判断是否含有某个样式

$(selector).hasClass(css-class)

示例

<style type="text/css">    
 .err{ border:solid 1px #d00; background:#fcc; font-size:12px; padding:10px;}    
 </style>    
 <script type="text/javascript">    
 $(function(){    
     $('#btnAddClass').click(function(){    
         $('p').addClass('err');    
     });    
     $('#btnRemoveClass').click(function(){    
         $('p').removeClass('err');    
     });    
     $('#btnSetStyle').click(function(){    
        alert("设置前:\ncolor:" + $('p').css('color'));    
         $('p').css('color','#f00');    
         alert("设置后:\ncolor:" + $('p').css('color'));    
      });    
    });    
 </script>

20150128034521_22661.jpg

返回主目录
暂无界面图片

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论