jQuery ਲੀਜ਼ ਪ੍ਰਵਰਤਨ - toggleClass() ਮੇਥਡ

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ

ਉਦਾਹਰਣ

ਸਾਰੇ <p> ਇਲੈਕਟ੍ਰੌਨਸ ਦੀ "main" ਕਲਾਸ ਨੂੰ ਜੋੜੇ ਜਾਂ ਹਟਾਓ ਨੂੰ ਟੂਗਲ ਕਰੋ:

$("button").click(function(){
  $("p").toggleClass("main");
});

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

toggleClass() ਦੁਆਰਾ ਚੁਣੇ ਹੋਏ ਇਲੈਕਟ੍ਰੌਨ ਦੀਆਂ ਇੱਕ ਜਾਂ ਕਈ ਕਲਾਸਾਂ ਨੂੰ ਜੋੜਨ ਜਾਂ ਹਟਾਉਣ ਦਾ ਟੂਗਲ ਕਰਦਾ ਹੈ。

ਇਹ ਮੇਥਡ ਹਰ ਇਲੈਕਟ੍ਰੌਨ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਕਲਾਸ ਨੂੰ ਚੈੱਕ ਕਰਦਾ ਹੈ। ਜੇਕਰ ਕਲਾਸ ਮੌਜੂਦ ਨਹੀਂ ਹੈ ਤਾਂ ਉਸ ਨੂੰ ਜੋੜਦਾ ਹੈ, ਜੇਕਰ ਮੌਜੂਦ ਹੈ ਤਾਂ ਉਸ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ। ਇਹ ਜਿਸ ਨੂੰ ਟੂਗਲ ਐਫੈਕਟ ਕਹਿੰਦੇ ਹਨ।

ਤੇਜ਼ੀ ਨਾਲ ਨਹੀਂ, ਪਰ ਸਵਿੱਚ "switch" ਪੈਰਾਮੀਟਰ ਦੀ ਵਰਤੋਂ ਨਾਲ ਤੁਸੀਂ ਕੇਵਲ ਕਲਾਸ ਜੋੜੇ ਜਾਂ ਕੇਵਲ ਕਲਾਸ ਹਟਾਉਣ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ।

ਸਿਧਾਂਤ

$().toggleClass(class,switch)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
class

ਲਾਜ਼ਮੀ। ਕਲਾਸ ਜੋੜੇ ਜਾਂ ਹਟਾਉਣ ਲਈ ਸ਼ਾਰਟਕੱਟ ਇਲੈਕਟ੍ਰੌਨਸ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਜੇਕਰ ਕਈ ਕਲਾਸਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨਾ ਹੈ ਤਾਂ ਕਲਾਸਾਂ ਨੂੰ ਸਪੇਸ ਨਾਲ ਵੰਡੋ।
switch ਵਿਕਲਪੀ। ਬੋਲੀਨ ਮੁੱਲ। ਕੀ ਕਲਾਸ ਜੋੜੇ ਜਾਂ ਹਟਾਓ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰੋ।

ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਲਾਸ ਨੂੰ ਟੂਗਲ ਕਰੋ

$().toggleClass(function(index,class),switch)

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
function(index,class)

ਲਾਜ਼ਮੀ। ਕਲਾਸ ਜੋੜੇ ਜਾਂ ਹਟਾਉਣ ਲਈ ਇੱਕ ਜਾਂ ਕਈ ਕਲਾਸਾਂ ਦੇ ਨਾਮ ਨੂੰ ਵਾਪਸ ਦੇਣ ਵਾਲੇ ਫੰਕਸ਼ਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

  • index - ਵਿਕਲਪੀ। ਚੋਣਕਾਰ ਦੇ index ਸਥਾਨ ਨੂੰ ਸਵੀਕਾਰ ਕਰੋ。
  • class - ਵਿਕਲਪੀ। ਮੌਜੂਦਾ ਚੋਣਕਾਰ ਦੀ ਕਲਾਸ ਨੂੰ ਸਵੀਕਾਰ ਕਰੋ。
switch ਵਿਕਲਪੀ। ਬੋਲੀਨ ਮੁੱਲ। ਕੀ ਕਲਾਸ ਜੋੜੇ (true) ਜਾਂ ਹਟਾਓ (false) ਹੋਵੇ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰੋ।

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ