jQuery-DOM操作之属性、class

1、属性操作

　　1）、attr()--获取和设置属性

<script type="text/javascript">
        $(function(){
            var $p = $('p');
            var p_txt = $p.attr('title');  //获取p元素属性title的值
            alert(p_txt);
            $('p').attr('title','love');  //设置单个的属性值
            $('p').attr({'class':'love','id':'food'});  //设置多过个属性
        });
</script>

　　2）、removeAttr()--删除属性

$('p').removeAttr('id');  //删除p元素的id属性

2、样式操作

addClass()--增加class

attr（'class','myclass'）--替换class

removeClass--移除class

$('p').removeClass('love'); //移除一个class
$('p').removeClass('one two');  //移除两个class
$('p').removeClass(); //移除所有的class

toggleClass()--切换class

<script type="text/javascript">
        $(function(){
            $('p:eq(0)').attr('title','love');  //设置单个的属性值
            $('p').attr({'class':'love','id':'food'});  //设置多过个属性
            $('p[title]').click(function() {
                $(this).toggleClass('one');  //当点击p元素时，class在‘love one’和‘love’之间切换
            });
        });
</script>

hasClass('myclss')--判断某个元素是否含有某个class， 有则返回true，无则返回false。这个方法实际是调用了is()的方法:is('.myclass').