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').