jQuery-DOM操作之属性、class
生活随笔
收集整理的這篇文章主要介紹了
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(); //移除所有的classtoggleClass()--切換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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: hadoop在子节点上没有datanod
- 下一篇: Go语言之标志符可见性