toggleClass მეთოდი
toggleClass მეთოდი მონაცვლეობით ამატებს/შლის
CSS კლასს: თუ არ არის - დაამატებს, თუ არის - წაშლის.
სინტაქსი
ერთი CSS კლასი:
$(სელექტორი).toggleClass(კლასის სახელი);
მხოლოდ CSS კლასის დამატება ან წაშლა მეორე პარამეტრზე დაყრდნობით,
რომელიც იღებს მნიშვნელობებს
true ან false:
$(სელექტორი).toggleClass(CSS კლასის სახელი, მდგომარეობა);
რამდენიმე CSS კლასი:
$(სელექტორი).toggleClass(['კლასი1', 'კლასი2', 'კლასი3', '...']);
მხოლოდ CSS კლასების დამატება ან წაშლა მეორე პარამეტრზე დაყრდნობით:
$(სელექტორი).toggleClass(['კლასი1', 'კლასი2', 'კლასი3', '...'], მდგომარეობა');
ფუნქციის გამოყენება ნაკრების თითოეულ ელემენტზე,
მდგომარეობა შეიძლება იყოს true ან false,
და მიუთითებს მეთოდს - მხოლოდ დაამატოს ან მხოლოდ
წაშალოს CSS კლასი:
$(სელექტორი).toggleClass(function(ინდექსი ნაკრებში, ელემენტის მიმდინარე კლასები, მდგომარეობა), [მდგომარეობა]);
მაგალითი
ჩვენს აბზაცს უკვე ჰყავს ორი კლასი. მოდით
დავამატოთ მას კლასი www:
<p id="test" class="eee ggg">ტექსტი</p>
$('#test').toggleClass('www');
HTML კოდი ასე გამოიყურება:
<p id="test" class="eee ggg www">ტექსტი</p>
მაგალითი
ახლა კი www კლასი უკვე გააჩნია ელემენტს
- მოდით წავშალოთ იგი:
<p id="test" class="eee ggg www">ტექსტი</p>
$('#test').toggleClass('www');
HTML კოდი ასე გამოიყურება:
<p id="test" class="eee ggg">ტექსტი</p>
ასევე იხილეთ
-
მეთოდები
addClass,removeClass,hasClass -
JavaScript თვისება
classList,
რომლის საშუალებაც შესაძლებელია კლასების დამატება/წაშლის მონაცვლეობა სუფთა JavaScript-ზე
