jQuery 事件 - toggle() 方法

jQuery daɗin shirin

实例

切换不同的背景色：

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

Tunan kai

定义和用法

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

该方法也可用于切换被选元素的 hide() 与 show() 方法。

向 Toggle 事件绑定两个或更多函数

当指定元素被点击时，在两个或多个函数之间轮流切换。

如果规定了两个以上的函数，则 toggle() 方法将切换所有函数。例如，如果存在三个函数，则第一次点击将调用第一个函数，第二次点击调用第二个函数，第三次点击调用第三个函数。第四次点击再次调用第一个函数，以此类推。

Syntax

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

Tunan kai

Parameters Tsanannin
function1() 必需。规定当元素在每偶数次被点击时要运行的函数。
function2() 必需。规定当元素在每奇数次被点击时要运行的函数。
functionN(),... 可选。规定需要切换的其他函数。

Nuna ko zubar duki Hide() da Show()

Duba kowane abin kuma ya nuna.

Idan abin ya zubar, za a gudanar da show(). Idan abin ya nuna, za a gudanar da hide(). Kamar yadda za a iya samun wuri da zubar.

Syntax

$(selector).toggle(speed,callback)

Tunan kai

Parameters Tsanannin
speed

Iyali. Tura cewa zartar da samun hauwayar hide/show kamar yadda a gudanar da shi. Dafanin gudanar da shi yana zama "0".

Duba nau'war

  • milisecond (tari 1500)
  • "slow"
  • "normal"
  • "fast"
callback

Iyali. Fonksiyon a cikin lokacin saukar da toggle() yana yi.

Don ilimi kara kan ilimin callback, za a kai visitar Tutorial Callback Fonksiyon。

Nuna ko zubar duki duki

Tura cewa kawai nuna ko kawai zubar duki duka abin da a zartar da shine.

Syntax

$(selector).toggle(switch)

Tunan kai

Parameters Tsanannin
switch

Wajib. Tashin hukuncin kimiyya, ta hanyar tura toggle() ya zama kawai nuna ko kawai zubar duki duka abin da a zartar da shine.

  • true - nuna duki
  • false - zubar duki

jQuery daɗin shirin