JQuery入门——事件切换之toggle()方法

最新推荐文章于 2023-05-20 01:04:43 发布

liang408015204

最新推荐文章于 2023-05-20 01:04:43 发布

阅读量1w

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/liang408015204/article/details/8563692

版权

这篇博客介绍了JQuery中的toggle()方法，用于事件切换。该方法可以依次调用多个函数并进行轮询调用。文章通过示例代码展示了如何使用toggle()改变图片源和标题，每次点击图片会循环改变其显示的图片和对应标题。

摘要由CSDN通过智能技术生成

1、在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用，其语法如下：toggle(fn, fn2, [fn3, fn4,...])，其中fn、fn2、fn3、fn4等函数依次调用。

2、示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>toggle方法</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<style type="text/css">
body{font-size:13px}
img{border:solid 1px #ccc;padding:3px}
</style>
<script type="text/javascript">
$(function(){
$("img").toggle(function(){