jquery 实现 隐藏交替同时记住以前隐藏的样式



/*
 * control menu show or hide(expand and collapse)
 */
var status = [];
function menuOperation() {

    $("#menu li ul").on("click",function(){
        return false;
    })//阻止子元素冒泡

    $("#menu .menu").on("click", function(){

        var thisClass = $(this).attr("class");
        if(thisClass != "isHide"){
            $(this).attr("class", "isHide")
            $(this).children().hide();
        } else {
            $(this).removeClass("isHide")
            $(this).children().show();
        }
    })
}

function keepOldStyle() {
    var content = $("#menu").children();

    for(var i=0; i<content.length; i++) {
        var thisClass = content[i].classList;
        //alert(thisClass);
        if(thisClass == "isHide") {
            content.eq(i).children().hide();
        } else {
            content.eq(i).children().show();
        }
    }

}

 
时间: 2024-10-12 08:06:49

jquery 实现 隐藏交替同时记住以前隐藏的样式的相关文章

jquery实现的div的显示和隐藏效果

jquery实现的div的显示和隐藏效果:在网页的实际应用中,有些模块需要根据需要显示或者隐藏,下面就提供了几个这方面的实例,代码非常的简单,都是使用jquery自带的函数实现的,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>div隐藏显示效果</title> <style type="text/css&qu

jquery实现点击页面其他地方隐藏指定元素

jquery实现点击页面其他地方隐藏指定元素:在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下拉条,下面就通过一个实例单独介绍一下如何实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=

jQuery获取和操作元素的属性和CSS样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

jQuery学习笔记(4)-设置元素的属性和样式

一.前言 本篇主要讲解如何使用jQuery获取和操作元素的属性和css样式 二."DOM属性"与元素属性 1.运行一下代码 <img src="/images/logo_small.gif" class="img_logo" /> 2.分析代码 元素属性src:/images/logo_small.gif 元素属性class:img_logo DOM属性currentSrc:http://localhost/images/logo_s

jquery为指定的元素添加或者删除指定样式类

jquery为指定的元素添加或者删除指定样式类:在实际应用中,可能需要为指定的元素动态的添加或者删除指定css样式类,下面就通过简短的代码做一下介绍.一.添加css样式类: $("#antzone").addClass("class"); 上面的代码为指定的元素添加指定的样式类.更多相关内容可以参阅jQuery的addClass()方法一章节.二.删除css样式类: $("#antzone").removeClass("class&qu

jQuery的取节点与更快的CSS样式改变

jQuery中使用 $ ,可以通过元素的id, css class或 tag name很容易的获取到相应的元素. 这让之前取节点的繁琐变的简单.简短.简洁.并且为了更加方便的可以选择到相应的元素,提供了筛选的功能. 例: $(“p:gt(2)”) //2以上的元素$("p:lt(10)”) // 0-9   $(“p:empty”) //没有子孩子的p 还在匹配的元素中,设置一个样式属性的值 例: $("p").css("color","red&

jQuery如何为指定标签添加和删除一个样式

jQuery如何为指定标签添加和删除一个样式:在网页的实际应用中,需要根据不同的条件来改变元素的CSS样式,通过动态的给元素添加删除一个CSS类可以实现此功能,下面通过实例来介绍一下如何实现此种功能.一.使用addClass()和removeClass()添加和删除一个CSS类:代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="

jQuery 点击显示再次点击隐藏

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> </head> <body> <div> <span class="color">深咖色</span> <div class="cc"></div

JQuery判断div(控件)是否为隐藏

1 以下是JavaScript 中判断div是否为隐藏代码引用片段: 2 3 if (div.style.display == "none") { 4 div.style.display = "block"; 5 } 6 else { 7 div.style.display = "none"; 8 } 1 以下是JQuery 中判断div是否为隐藏代码引用片段: 2 3 <html xmlns="http://www.w3.org