removeClass()

.removeClass( [ className ] )

מחזירה: jQuery

תיאור:מוחק מחלקה יחידה, מספר מחלקות, כל מחלקות מכל אלמנט בסט אלמנטים בהתאמה.

.removeClass( [ className ] )

הוספה בגרסה: 1.0

className

מחרוזת

שם של מחלקה למחיקה מתכונת מחלקה של כל אלמנט בהתאמה.

.removeClass( function(index, class) )

הוספה בגרסה: 1.4

function(index, class)

פונקציה

פונקציה מחזירה אחד או יותר שמות של מחלקה, מופרדים ברווחים, למחיקה. מקבל אינדקס של מיקום של אלמנט בסט וערך של מחלקה הישנה בתור ארגומנטים.

אם שם של מחלקה צוין כפרמטר, אז רק מחלקה הזו תוסר מסט של אלמנטים בהתאמה. אם שמות של מחלקה לא צוינו בפרמטר, כל המחלקות יוסרו.

יותר ממחלקה אחת ניתן להסיר בו זמנית, מופרדות עם רווחים, לסט אלמנטים בהתאמה, כמו:

$('p').removeClass('myClass yourClass')

שיטה הזו בדרך כלל משתמשת עם .addClass() כדי להעביר מחלקות של האלמנט מאחת לשניה, כמו:

$('p').removeClass('myClass noClass').addClass('yourClass');

כאן, מחלקה myClass ו- noClass נמחקו מכל הפסקאות, בזמן ש- yourClass הוספה.

כדי להחליף כל החמלקות הקיימות עם מחלקה אחרת, אנחנו צריכים להשתמש ב- .attr('class', 'newClass') במקום.

החל מ- jQuery 1.4, שיטה .removeClass() מאפשרת לנו להגדיר שם של מחלקה, באמצעות שליחה אותו לפונקציה.

$('li:last').removeClass(function() {
          return $(this).prev().attr('class');
        });

דוגמה זו מסירה את שם המחלקה של <li> שלפני <li> האחרון .

דוגמאות

דוגמה 1

מוחק class 'blue' מאלמנטים בהתאמה.

$("p:even").removeClass("blue");

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה 1 - קוד מלא:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){
    $("p:even").removeClass("blue");
  });
  </script>
  <style>
  p { margin: 4px; font-size:16px; font-weight:bolder; }
  .blue { color:blue; }
  .under { text-decoration:underline; }
  .highlight { background:yellow; }
  </style>
</head>
<body>
  <p class="blue under">Hello</p>
  <p class="blue under highlight">and</p>
  <p class="blue under">then</p>
  <p class="blue under">Goodbye</p>
</body>
</html>

נסה זאת בעצמך

דוגמה 2

מוחק class 'blue' ו- 'under' מאלמנטים בהתאמה.

$("p:odd").removeClass("blue under");

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה 2 - קוד מלא:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script type="text/javascript" language="javascript">
  $(document).ready(function(){
    $("p:odd").removeClass("blue under");
  });
  </script>
  <style>
  p { margin: 4px; font-size:16px; font-weight:bolder; }
  .blue { color:blue; }
  .under { text-decoration:underline; }
  .highlight { background:yellow; }
  </style>
</head>
<body>
  <p class="blue under">Hello</p>
  <p class="blue under highlight">and</p>
  <p class="blue under">then</p>
  <p class="blue under">Goodbye</p>
</body>
</html>

נסה זאת בעצמך

דוגמה 3

מוחק כל ה- classes מאלמנטים בהתאמה.

$("p:eq(1)").removeClass();

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה 3 - קוד מלא:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script type="text/javascript" language="javascript">
  $(document).ready(function(){
    $("p:eq(1)").removeClass();
  });
  </script>
  <style>
  p { margin: 4px; font-size:16px; font-weight:bolder; }
  .blue { color:blue; }
  .under { text-decoration:underline; }
  .highlight { background:yellow; }
  </style>
</head>
<body>
  <p class="blue under">Hello</p>
  <p class="blue under highlight">and</p>
  <p class="blue under">then</p>
  <p class="blue under">Goodbye</p>
</body>
</html>

נסה זאת בעצמך

האם מידע זה היה מועיל?

כן לא

removeClass()

.removeClass( [ className ] )

.removeClass( [ className ] )

.removeClass( function(index, class) )

דוגמאות

דוגמה 1

דוגמה 1 - קוד מלא:

דוגמה 2

דוגמה 2 - קוד מלא:

דוגמה 3

דוגמה 3 - קוד מלא:

תגובות