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

?

轉載于:https://www.cnblogs.com/halai/p/6868433.html

總結

以上是生活随笔為你收集整理的jQuery-DOM操作之属性、class的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。