JQuery動態顯示和隱藏div

阿新 • • 發佈：2019-01-06

1. 如果在載入是隱藏：

<head>
<script language="javascript">
function HideWeekMonth()
{
    $("#tt1").hide();
    $("#tt2").hide();
}
</script>
</head>

<body onLoad="HideWeekMonth()">
</body>

2. 動態隱藏和顯示：

            <td>
                <!-- 能用
                 
<input id="btnShow" type="button" value="<?php echo $ini_array['module.insert'];?>" class="btn" />
                <input id="btnHide" type="button" value="<?php echo $ini_array['module.insert'];?>" class="btn" /> 
                -->
                <!-- 直接使用按鈕的id沒有問題
                 
<input id="tt" type="text" name="title" maxlength="50" size="50"></td> -->
                <input id="btnOne" type="radio" name="frequence" value="1" checked='checked'><?php echo $ini_array['time.one']?>&nbsp;&nbsp;&nbsp;&nbsp;
                <input id="btnDay" type="radio" name="frequence" value="2"><?php echo $ini_array['time.day']?>&nbsp;&nbsp;&nbsp;&nbsp;
                 
<input id="btnWeek" type="radio" name="frequence" value="3"><?php echo $ini_array['time.week']?>&nbsp;&nbsp;&nbsp;&nbsp;
                <input id="btnMonth" type="radio" name="frequence" value="4"><?php echo $ini_array['time.month']?>&nbsp;&nbsp;&nbsp;&nbsp;
                <br>
                <!-- 能用
                <div id="tt1"><input type="text" name="title" maxlength="50" size="50" value="tt1"></div>
                <div id="tt2"><input type="text" name="title" maxlength="50" size="50" value="tt2"></div> 
                -->
                <div id="tt1">                
                    <br>
                    1&nbsp;<input type="checkbox" value="1" name="w1">&nbsp;&nbsp;&nbsp;&nbsp;
                    2&nbsp;<input type="checkbox" value="1" name="w2">&nbsp;&nbsp;&nbsp;&nbsp;</div>
                <div id="tt2">                
03&nbsp;<input type="checkbox" name="m3">&nbsp;&nbsp;&nbsp;&nbsp;
                    04&nbsp;<input type="checkbox" name="m4">&nbsp;&nbsp;&nbsp;&nbsp;</div>
          </td>

    <!-- 繫結事件似乎要寫在被繫結物件的後面 -->
    <script type="text/javascript" >
        $("#btnOne").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });
        $("#btnDay").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });
        $("#btnWeek").bind("click", function(event) { $("#tt1").show(); $("#tt2").hide(); });
        $("#btnMonth").bind("click", function(event) { $("#tt1").hide(); $("#tt2").show(); });
    </script>

以上程式碼之前，可能還要加上這句話：

使用jquery真的很方便，比如要控制div的顯示與隱藏，一句話就搞定了，請看下面使用說明。
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切換元素的可見狀態。如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的。

$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';

JQuery動態顯示和隱藏div

1. 如果在載入是隱藏： <head> <script language="javascript"> function HideWeekMonth() { $("#tt1").hide(); $("#tt2").hide(); }

Android6.0 原始碼修改之遮蔽導航欄虛擬按鍵（Home和RecentAPP）/動態顯示和隱藏NavigationBar

轉載請註明出處：https://blog.csdn.net/u012932409/article/details/83063075 場景分析，為了完全實現沉浸式效果，在進入特定的app後可以將導航欄移除，當退出app後再次將導航欄恢復。（下面將採用傳送廣播的方式來移除

Android動態顯示和隱藏狀態列/實現沉浸式狀態列

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // getWindow().setFlags(WindowMa

selected選中後顯示和隱藏div

1、select部分 <select name="auditstate" id="auditstate" onchange="showinfo(this[selectedIndex].valu

[RK3288][Android6.0] 除錯筆記 --- 動態顯示和隱藏導航欄(廣播方式)

Platform: Rockchip OS: Android 6.0 Kernel: 3.10.92 此文實現以廣播的形式動態顯示和隱藏導航欄，這樣不僅避免了系統通過了自帶只針對Activity顯示和隱藏的不便(比如一個app有N多個Activity)

如何使用js動態顯示或隱藏DIV

在web頁面中，經常需要使用select控制元件來顯示div的顯示與隱藏，實現這個方法主要用到了setAttribute方法，以下為示例程式碼 <html> <title>通過選擇項顯示不同的結果</title> <head&

一、jQuery小程式之jQuery效果顯示和隱藏 fading方法滑動方法 animate()動畫方法 chaining

隱藏和顯示： <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="htt

Android開發之動態顯示和隱藏狀態列和導航欄

// //佈局填充狀態列，設定透明 // if (Build.VERSION.SDK_INT >= 21) { // View decorView = getWindow().getDecorView(); // int optio

Android 動態顯示和隱藏軟鍵盤

** * 動態設定軟盤的顯示和隱藏 * @author JPH */ public class MainActivity extends Activity implements OnClickL

easyUI——datagrid的動態顯示和隱藏

在選課平臺中，管理員設定選課的時候用到了easyUI的datagrid，在頁面載入的時候需要先隱藏datagrid中的內容，當流程走到設定課程的時候再顯示datagrid。 1.對於

Android動態顯示和隱藏狀態列

簡述： View類提供了setSystemUiVisibility和getSystemUiVisibility方法，這兩個方法實現對狀態列的動態顯示或隱藏的操作，以及獲取狀態列當前可見性。 setSystemUiVisibility方法傳入的實參分析： setSys

jquery中使元素顯示和隱藏方法之間的區別

第一個設置不可見效果三種透明元素實現使用在實際的項目開發中，要使一個元素隱藏的方法有很多，比如css的多種屬性和jquery的多種方法，雖然他們的作用都是使元素不可見，但是各個方法實現的原理是不一樣的。下面主要介紹jquery各個元素隱藏方法之間的區別。

通過jquery做密碼框的顯示和隱藏效果

pen glyphicon 屬性 tex -c 分享 watermark 打開樣式原理通過jquery修改input的type屬性，為password時是隱藏，text則是顯示。另外把眼睛的樣式打開。很多時候看著很強大的功能其實很簡單 html <div

setTimeout應用例子-移入移出div顯示和隱藏

left cti idt ava oat 消失演示 function height 效果：移入div1，div2保持顯示，移出div1，div2消失。　　　移入div2，div2保持顯示，移出div2，div2消失。一、HTML代碼 <div id=‘div1

jQuery 控制頁面滾動條顯示和隱藏

//顯示滾動條 function xianshi(bldw,bldwmc,bllb){ $("body").css("overflow","auto"); } //隱藏滾動條 $("body").c

頁面向下滑動實現div顯示和隱藏

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="jque

jQuery---用jq實現控制元件的顯示和隱藏

因為發現這個功能用的比較頻繁，所以分享一下：先說一下，隱藏控制元件有兩種方式：style="visibility: hidden;"和style="display: none;"，個人比較喜歡使用style="display: none;"，因為style="visibility: h

49 jQuery-使用show（）與hide（）方法動畫顯示和隱藏圖片

1.效果圖 2.HTML程式碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>49 jQuery-使用show（）與hide（）方

.net新增前端樣式和JS新增標籤樣式、以及div/a 標籤的顯示和隱藏

jQuery display 隱藏後，原來位置被佔掉 visibility 隱藏後，原來位置還在 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").css('display','none'); $("#id"

js動態控制表單的顯示和隱藏

文章一：無論是事先寫好的，還是動態生成的，要找到指定的tr或td都必須知道其相關的一個屬性，未必必須是id或name，然後無論是在一個table還是多個 table都可以通過document.getElementsByTagNames( "tr ")或td，取得集合，……

JQuery動態顯示和隱藏div

相關推薦