js教程

jQuery点击显示隐藏示例教程

我的站长站 2023-04-12 人阅读

jQuery显示隐藏语法

隐藏元素:hide()

示例:

$("#test").hide(1000);

显示元素:show()

示例:

$("#test").show();

切换显示隐藏:toggle()

显示被隐藏的元素,并隐藏已显示的元素

示例: 

$("#test").toggle();
$("#test").animate({height:'toggle'});

点击显示隐藏示例

$('.wdzzz').click(function(){
if($(".wdzzzcom").is(':hidden')) {
$('.wdzzzcom').show().end();
}
else{
$('.wdzzzcom').hide().end();
}
});

释义:点击.wdzzz元素,判断.wdzzzcom是否隐藏,如果真就show(),如果假就hide()

相关推荐
  • jquery教程
  • jQuery获取file控件中图片的宽高与大小

    jQuery获取file宽高的代码如下,仅在火狐中测试了,其他浏览器兼容性未知。var _URL = window.URL || window.webkitURL;$("#file").change(function (e) { var file, img; if ((file = this.files[0])) { img = new Image(); img.onload = func...

    js教程 125 5年前
  • Jquery实战视频教程 6小时精通Jq
    Jquery实战视频教程 6小时精通Jq

    Jquery实战视频教程 6小时精通Jq,实现小应用,附带教程源码。视频教程列表第7章 自动以Alert第6章 标记完成状态、定时提醒第5章 Task详情第4章 添加及查看Task第3章 细节完善第2章 整体布局第1章 ...

    视频教程 116 4年前
  • JQuery鼠标移动添加删除样式

    JQuery鼠标移动添加删除样式方法,下面为代码案列$("a").hover(function(){ $(this).find("b").show();},function(){ $(this).find("b").hide();})鼠标移到A标签触发事件,下面的B标签显示,后门的function就是鼠标移开隐藏。...

    js教程 89 3年前
最新更新