一句jquery代码就能实现的点击后DIV显示或隐藏的网页特效[附在线实例演示]

  • :
  • 03-16 20:22
  • :
  • 33次
  • :
  • 0条
  • 0赞

简介jquery里实现点击后，div显示或隐藏的实例代码及在线演示。

本文比较适合jquery初学者！！！

在jquery里，如果我们要实现一个这样的特效，点击按钮后，指定的DIV显示或隐藏起来，是非常简单的，大家可以点下面的链接查看站长写的一个在线实例演示：

jquery用toggle制作的显示/隐藏特效在线演示

只需要用到jquery的一个内置函数toggle就能实现了，是不是非常简单？

$("#aijquery").click(function(){	
    $("#div1").toggle();
});

jquery内置函数toggle的作用就是转换元素的可见状态！

上一篇 jquery serialize—用来获取表单中的值，并转换为有序字符串的方法及常用写法实例

下一篇 $.now()—jquery内置的一个用来获取时间的函数

您正在找的文章可能是：

• jquery判断鼠标是否在div里的三种方法及具体实例演示

• jquery拖拽实例：让一张图片在两个DIV里来回拖拽

• jquery里，把一段文字“拖拽”到DIV里的特效

• jquery倒计时—计算显示距离某天还剩下多少天多少小时多少分多少秒【附在线演示】

• jquery解析遍历json[包括外部json]的方法和实例

• jquery.cookie—删除清空网站所有cookie的方法

• 什么叫事件“冒泡”，及jquery里阻止事件冒泡的方法和实例

• jquery遍历数组[包括多维数组]的方法和实例

• jquery.tablesort表格排序—插件源文件下载和完整实例演示

• jquery操作iframe，读取框架内的指定内容，点击框架内的按钮和向框架内添加内容

• jquery里用index()来获取元素的索引值的方法实例

• jquery里跳出each循环的方法及实例