Jquery toggle()方法的使用

 时间:2025-10-23 15:21:50

1、下载Jquery文件并引入

Jquery toggle()方法的使用

2、编写html文件,为标题tr设置class=titletr,描述tr设置class=desctr,并分别设置id

Jquery toggle()方法的使用

3、编写css文件,设置表格的width:200px,将标题tr设置为text-align:center;并设置背景颜色

Jquery toggle()方法的使用

4、编写js文件来动态控制表格的效果,先采用已经删除的toggle()方法$(function(){ $('.titletr').toggle(function(){ $(this).next().fadeIn(600); },function(){ $(this).next().fadeOut(600); });});会出现,先显示后隐藏的效果

Jquery toggle()方法的使用

5、换用hover()方法来实现效果$(function(){ $('.titletr').hover(funct足毂忍珩ion(){ $(this).next().fadeIn(600); },function(){ $(this).next().fadeOut(600); });});

Jquery toggle()方法的使用

6、使用toggle()的另一种支持形式$(function(){ $('.titletr争犸禀淫').click(function(){ $(this).next().toggle(600); },function(){ $(this).next().toggle(600); });});

Jquery toggle()方法的使用
  • 无油发面小饼的最新做法
  • 如何当好部门经理
  • 绿萝怎么养殖
  • 盐雾试验箱样品的放置方法
  • 锻造对金属组织、性能的影响与锻件缺陷
  • 热门搜索
    昂克赛拉怎么样 大地车险怎么样 清炖羊肉怎么做好吃 配股怎么操作 琥珀是怎么形成的 娃娃鱼怎么养 空间怎么关闭 全身疼痛是怎么回事 蜂蜜怎么做面膜 芦荟怎么浇水