jQuery ਈਵੈਂਟ - toggle() ਮੱਥਦਾ

jQuery ਈਵੈਂਟ ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ

ਉਦਾਹਰਣ

ਵੱਖ-ਵੱਖ ਪਿੱਛੋਕੜੀ ਰੰਗ ਤੋਂ ਤਬਦੀਲ ਕਰੋ:

(")p(").toggle(
  function(){
  (")body(").css("background-color","green");}
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

ਸਵੈਯੋਗਤਕ ਪ੍ਰਯੋਗ ਕਰੋ

定义和用法

toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。

该方法也可用于切换被选元素的 hide() ਨਾਲ show() ਮੇਥਡ

Toggle ਈਵੈਂਟ ਨੂੰ ਦੋ ਜਾਂ ਵੱਧ ਫੰਕਸ਼ਨਾਂ ਬਾਂਧੋ

ਨਿਰਧਾਰਿਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ ਨੂੰ ਕਲਿੱਕ ਕਰਨ ਉੱਤੇ ਦੋ ਜਾਂ ਵੱਧ ਫੰਕਸ਼ਨਾਂ ਵਿੱਚ ਤਬਦੀਲੀ ਕਰੋ。

ਜੇਕਰ ਦੋ ਤੋਂ ਵੱਧ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ ਤਾਂ toggle() ਮੇਥਡ ਸਾਰੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਟੂਕਰਾਉਣਗੇ।ਉਦਾਹਰਣ ਵਜੋਂ ਜੇਕਰ ਤਿੰਨ ਫੰਕਸ਼ਨਾਂ ਹਨ, ਤਾਂ ਪਹਿਲਾ ਹਥਿਆਰ ਪਹਿਲੀ ਫੰਕਸ਼ਨ ਚਲਾਏਗੀ, ਦੂਜਾ ਹਥਿਆਰ ਦੂਜੀ ਫੰਕਸ਼ਨ ਚਲਾਏਗੀ, ਤੀਜਾ ਹਥਿਆਰ ਤੀਜੀ ਫੰਕਸ਼ਨ ਚਲਾਏਗੀ।ਚੌਥਾ ਹਥਿਆਰ ਪਹਿਲੀ ਫੰਕਸ਼ਨ ਚਲਾਏਗੀ, ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਹੀ ਜਾਰੀ ਰਹੇਗਾ。

ਗਰੰਥ

$(selector).toggle(function1(),function2(),functionN(),...)

ਸਵੈਯੋਗਤਕ ਪ੍ਰਯੋਗ ਕਰੋ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
function1() ਲਾਜ਼ਮੀ। ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ ਦੇ ਹਰ ਸੰਜੋਗੀ ਹਥਿਆਰ ਦੇ ਵਾਰ ਚਲਾਉਣ ਵਾਲਾ ਫੰਕਸ਼ਨ ਨਿਰਧਾਰਿਤ ਕਰੋ。
function2() ਲਾਜ਼ਮੀ। ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ ਦੇ ਹਰ ਵਿਰਾਟ ਹਥਿਆਰ ਦੇ ਵਾਰ ਚਲਾਉਣ ਵਾਲਾ ਫੰਕਸ਼ਨ ਨਿਰਧਾਰਿਤ ਕਰੋ。
functionN(),... ਵਿਕਲਪਿਕ। ਹੋਰ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਟੂਕਰਾਉਣ ਲਈ ਨਿਰਧਾਰਿਤ ਕਰੋ。

toggle Hide() ਅਤੇ Show()

ਹਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ ਦੇ ਦਿਖਾਉਣ ਜਾਂ ਛੁਪਾਉਣ ਦੀ ਚੇਕ ਕਰੋ。

ਜੇਕਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ ਛੁਪਾਇਆ ਹੋਇਆ ਹੈ ਤਾਂ show() ਚਲਾਓ।ਜੇਕਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ ਦਿਖਾਇਆ ਹੋਇਆ ਹੈ ਤਾਂ hide() ਚਲਾਓ।ਇਸ ਤਰ੍ਹਾਂ ਤੋਂ ਟੂਕਰਾਉਣ ਦਾ ਪ੍ਰਭਾਵ ਪੈਦਾ ਕਰ ਸਕਦੇ ਹਨ。

ਗਰੰਥ

$(selector).toggle(speed,callback)

ਸਵੈਯੋਗਤਕ ਪ੍ਰਯੋਗ ਕਰੋ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
speed

ਵਿਕਲਪਿਕ। hide/show ਪ੍ਰਭਾਵ ਦੀ ਗਤੀ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਮੂਲ ਮੁੱਲ "0" ਹੈ。

ਸੰਭਵ ਮੁੱਲ:

  • ਮਿੰਟਸ (ਉਦਾਹਰਣ ਵਜੋਂ 1500)
  • "slow"
  • "normal"
  • "fast"
callback

ਵਿਕਲਪਿਕ। toggle() ਮੇਥਡ ਪੂਰਣ ਹੋਣ ਤੇ ਚਲਾਉਣ ਵਾਲਾ ਫੰਕਸ਼ਨ

callback ਦੇ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ ਸਾਡੇ Callback ਫੰਕਸ਼ਨ ਸਿਖਲਾਈ。

ਦਿਖਾਉਣ ਜਾਂ ਛੁਪਾਉਣ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ

ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਸਿਰਫ ਦਿਖਾਉਣ ਜਾਂ ਸਿਰਫ ਛੁਪਾਉਣ ਲਈ ਸਾਰੇ ਮੇਲ ਦੇ ਹੋਏ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀਆਂ

ਗਰੰਥ

$(selector).toggle(switch)

ਸਵੈਯੋਗਤਕ ਪ੍ਰਯੋਗ ਕਰੋ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
switch

ਲਾਜ਼ਮੀ। ਬੋਲੀਨਰ ਮੁੱਲ, toggle() ਨੂੰ ਸਿਰਫ ਦਿਖਾਉਣ ਜਾਂ ਸਿਰਫ ਛੁਪਾਉਣ ਲਈ ਦੇਣਾ ਹੈ ਕਿ ਸਾਰੇ ਚੁਣੇ ਹੋਏ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀਆਂ

  • true - ਦਿਖਾਇਆ ਹੋਇਆ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ
  • false - ਛੁਪਾਇਆ ਹੋਇਆ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਈਲੀ

jQuery ਈਵੈਂਟ ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ