jQuery的.toggle()事件

  • $(selected).toggle()事件 会自动获得当前对象的显示或者隐藏状态,并且使用触发事件进行切换。

  • 在元素的click事件中绑定两个或两个以上的函数 toggle不像bind需要在后面添加"click"来绑定click触发事件,toggle本身就是click触发的(而且只能click触发)。

  • jquery 中toggle的2种用法

一、在元素的click事件中绑定两个或两个以上的函数 toggle不像bind需要在后面添加"click"来绑定click触发事件,toggle本身就是click触发的(而且只能click触发),如下实例:


我是动态显示的

二、切换元素的显示与隐藏效果:


我是动态显示的
  • 举例

  • 注意:
  • $("td[rowspan!=13] 后面有一个空格,表示层级选择器,
    意思是获取 满足rowspan属性的属性值不为13的td元素下的所有元素
  • +value是指把前面的筛选了的元素(是个字符串)加上value变为更长的字符串,代表的值才能供toggle使用
  • 如果没有出错,toggle(500)表示在显示与隐藏之间来回切换,生效时间是500毫秒
  • submit会把元素选中,因为在一些浏览器中,元素的type默认值是submit,所以会选中它。

你可能感兴趣的:(JQuery)