資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何使用 jQuery 效果？
要隱藏和顯示 div，可以使用 hide 和 show 方法。
隱藏
$('#id1').hide();顯示
$('#id1').show();示例
<html >
<head>
<title>showhide</title>
<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btn1').click(function () {
$('#id1').hide();
});
$('#btn2').click(function () {
$('#id1').show();
});
});
</script>
</head>
<body>
<div>
<p id="id1" style="color:red">I Am A Simple Paragraph</p>
</div>
<button type="button" id="btn1">Hide</button>
<button type="button" id="btn2">Show</button>
</body>
</html>| 方法 | 描述 |
|---|---|
| animate() | 在選定的元素上執行自定義動畫 |
| clearQueue() | 移除選定元素中所有剩餘的排隊函式 |
| delay() | 為選定元素上所有排隊的函式設定延遲 |
| dequeue() | 移除佇列中的下一個函式，然後執行該函式 |
| fadeIn() | 淡入選定的元素 |
| fadeOut() | 淡出選定的元素 |
| fadeTo() | 將選定元素淡入/淡出到給定的不透明度 |
| fadeToggle() | 在 fadeIn() 和 fadeOut() 方法之間切換 |
| finish() | 停止、移除並完成選定元素的所有排隊動畫 |
| hide() | 隱藏選定的元素 |
| queue() | 顯示選定元素上的排隊函式 |
| show() | 顯示選定的元素 |
| slideDown() | 向下滑動（顯示）選定的元素 |
| slideToggle() | 在 slideUp() 和 slideDown() 方法之間切換 |
| slideUp() | 向上滑動（隱藏）選定的元素 |
| stop() | 停止選定元素當前正在執行的動畫 |
| toggle() | 在 hide() 和 show() 方法之間切換 |
| addClass() | 向選定元素新增一個或多個類名 |
| after() | 在選定元素之後插入內容 |
| append() | 在選定元素的末尾插入內容 |
| appendTo() | 在選定元素的末尾插入 HTML 元素 |
| attr() | 設定或返回選定元素的屬性/值 |
| before() | 在選定元素之前插入內容 |
| clone() | 複製選定的元素 |
| css() | 設定或返回選定元素的一個或多個樣式屬性 |
| detach() | 移除選定的元素（保留資料和事件） |
| empty() | 移除選定元素中的所有子節點和內容 |
| hasClass() | 檢查選定元素中是否有任何元素具有指定的類名 |
| height() | 設定或返回選定元素的高度 |
| html() | 設定或返回選定元素的內容 |
| innerHeight() | 返回元素的高度（包括填充，但不包括邊框） |
| innerWidth() | 返回元素的寬度（包括填充，但不包括邊框） |
| insertAfter() | 在選定元素之後插入 HTML 元素 |
| insertBefore() | 在選定元素之前插入 HTML 元素 |
| offset() | 設定或返回選定元素的偏移座標（相對於文件） |
| offsetParent() | 返回第一個定位的父元素 |
| outerHeight() | 返回元素的高度（包括填充和邊框） |
| outerWidth() | 返回元素的寬度（包括填充和邊框） |
| position() | 返回元素相對於父元素的位置 |
| prepend() | 在選定元素的開頭插入內容 |
| prependTo() | 在選定元素的開頭插入 HTML 元素 |
| prop() | 設定或返回選定元素的屬性/值 |
| remove() | 移除選定的元素（包括資料和事件） |
| removeAttr() | 移除選定元素的一個或多個屬性 |
| removeClass() | 移除選定元素的一個或多個類 |
| removeProp() | 移除由 prop() 方法設定的屬性 |
| replaceAll() | 用新的 HTML 元素替換選定的元素 |
| replaceWith() | 用新內容替換選定的元素 |
| scrollLeft() | 設定或返回選定元素的水平捲軸位置 |
| scrollTop() | 設定或返回選定元素的垂直捲軸位置 |
| text() | 設定或返回選定元素的文字內容 |
| toggleClass() | 在向選定元素新增/移除一個或多個類之間切換 |
| unwrap() | 移除選定元素的父元素 |
| val() | 設定或返回選定元素的值屬性（對於表單元素） |
| width() | 設定或返回選定元素的寬度 |
| wrap() | 圍繞每個選定元素包裝 HTML 元素 |
| wrapAll() | 圍繞所有選定元素包裝 HTML 元素 |
| wrapInner() | 圍繞每個選定元素的內容包裝 HTML 元素 |
更新於：2020年6月22日
140 次檢視
廣告