jQuery利用选择器实现功能模块可见性的控制

// 控制可见性
             if  (type  ==   " A " ) {
                $( " .admincontitle " ).css( " display " ,  "" );
                $( " .Item_content " ).css( " display " ,  "" );
            }
             else  {
                $( " #AHeader " ).css( " display " ,  "" );
                $( " #ATitle " ).css( " display " ,  "" );
            }
             if  (type  ==   " B " ) {
                $( " #ATitle " ).replaceWith($( " #BTitle " ));
                $( " #Bitle " ).css( " display " ,  "" );
            }
             else   if  (type  ==   " C " ) {
                $( " #Aitle " ).replaceWith($( " #Citle " ));
                $( " #CTitle " ).css( " display " ,  "" );
            }

 

主要用到的有：

1.ReplaceWith（）:

将所有匹配的元素替换成指定的HTML或DOM元素.

例如：

描述:

用第一段替换第三段，你可以发现他是移动到目标位置来替换，而不是复制一份来替换。

HTML 代码:

<div class="container">
  <div class="inner first">Hello</div>
  <div class="inner second">And</div>
  <div class="inner third">Goodbye</div>
</div>

jQuery 代码:

$('.third').replaceWith($('.first'));

结果:

<div class="container">
  <div class="inner second">And</div>
  <div class="inner first">Hello</div>
</div>

 

2.css(name,value):

在所有匹配的元素中，设置一个样式属性的值。

例如：

 

描述:

将所有段落字体设为红色

jQuery 代码:

$("p").css("color","red");




    本文转自 陈敬（Cathy） 博客园博客，原文链接：http://www.cnblogs.com/janes/archive/2010/09/29/1838573.html，如需转载请自行联系原作者