在jQuery中,有时候需要自动调用一个方法来完成某种操作。这时候,可以使用jQuery的方法自动调用方法来实现这个功能。
$(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); });
上述代码中,一个button元素的点击事件会自动调用toggle方法,来切换p元素的显示和隐藏。
$(document).ready(function(){ $("input").focus(function(){ $(this).css("background-color", "#cccccc"); }); $("input").blur(function(){ $(this).css("background-color", "#ffffff"); }); });
另一个例子是给多个input元素添加焦点事件。当焦点移动到一个input元素上时,就会自动调用focus方法来改变元素的背景色。当焦点离开元素时,blur方法会自动调用来恢复元素原有的背景色。