jquery 写函数

安简瑜 3周前 8浏览 0评论

jQuery是目前流行的javascript库之一,它封装了许多常用的DOM操作,简化了javascript的代码编写。我们可以通过写函数的方式来利用jQuery库完成我们所需要的功能。

//函数的形式
function query(){
  //函数体
}

//调用函数的方式
query();

上面的代码展示了一个完成函数的基本形式。我们在程序中都应该按照这种形式来定义和调用函数。接下来,我们来举例说明如何写一个基于jQuery库的函数,以实现输入框焦点的切换功能。

function switchInputFocus(inputs) {
  var num = 0;
  inputs[num].focus();
  setInterval(function() {
    num = ++num % inputs.length;
    inputs[num].focus();
  }, 2000);
}

$(document).ready(function() {
  var inputs = $("input");
  switchInputFocus(inputs);
});

上述代码中的函数名为switchInputFocus,传入的参数为input数组。通过函数体中的逻辑,实现输入框焦点的自动切换效果,达到良好的用户体验。相信下面我们写函数时,会更加得心应手。