JQuery應用例項學習 —— 09 用ready函式隱藏p標籤內容

阿新 • • 發佈：2018-12-09

<html>
  
  <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">$(document).ready(function() {
        $(".btn1").click(function() {
          $("p").slideToggle();
        });
      });
    </script>
  </head>
  
  <body>
    <p>This is a paragraph.</p>
    <button class="btn1">Toggle</button>
  </body>
  
</html>

隱藏前：

隱藏後：

JQuery應用例項學習 —— 09 用ready函式隱藏p標籤內容

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></

JQuery應用例項學習 —— 11 子元素過濾器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

JQuery應用例項學習 —— 12 燈泡的開關切換

jQuery實現燈泡的開關切換 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

JQuery應用例項學習 —— 13 點選後邊框不斷變大

通過操作節點css屬性來控制邊框不斷變大 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

JQuery應用例項學習 —— 15 刪除和增加DOM節點

remove：刪除 empty：清空 append：在後面加 prepend：在前面加 appendTo：追加 <!DOCTYPE html> <html lang="en"

JQuery應用例項學習 —— 16 節點包裹input框與li標籤中字型加粗

jQuery包結點 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery應用例項學習 —— 18 利用DOM物件改變HTML內容及屬性例項

以下內容轉自w3school。改變 HTML 內容修改 HTML 內容的最簡單的方法時使用 innerHTML 屬性。如需改變 HTML 元素的內容，請使用這個語法： document.g

JQuery應用例項學習 —— 22 一次性繫結

所謂一次性繫結，就是有留言對你說，點選看到一次就沒了。有時，當你進入一個網站查點資料彈出一個廣告，你想關掉結果彈出一個廣告頁面還有聲音，挺尷尬。你以為你手滑點錯了，其實人家就是用這種方式控制

JQuery應用例項學習 —— 23 事件委託新增結點並alert彈出對應文字

事件委託 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery應用例項學習 —— 28 處理json返回值，點擊出現後臺返回資料

27.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery應用例項學習 —— 29 儲存資料到伺服器，成功時顯示資訊

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

JQuery應用例項學習 —— 19 JQuery物件與DOM物件的關係與轉換

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

Netty應用例項學習

Netty 是一個 Java NIO 客戶端伺服器框架，使用它可以快速簡單地開發網路應用程式，比如伺服器和客戶端的協議。Netty 大大簡化了網路程式的開發過程比如 TCP 和 UDP 的 socket 服務的開發。本文旨在通過例項學習Netty的一些用法。【1】Netty

學習ThinkPHP3.2.2：video9，用“C”函式讀取配置檔案內容

在配置檔案 D:\wamp\www\wish\APP\Home\Conf\config.php 中配置一下內容： return array( //'配置項'=>'配置值' 'myvar' => 'valueofaaa1' ); 在控

JavaScript:用JS函式隱藏瀏覽器位址列 .

1、直接函式呼叫法：在Body標籤之前插入如下程式碼 <script LANGUAGE=”JavaScript”> <!– function openwin(url) { window.open (url, “newwindow”, “height=300, width=400,

jquery中html()或text()方法獲取或設定p標籤的值

設定內容 - text()、html() 以及 val() 我們將使用前一章中的三個相同的方法來設定內容： text() - 設定或返回所選元素的文字內容html() - 設定或返回所選元素的內容（包括 HTML 標記）val() - 設定或返回表單欄位的值

用建構函式和原型模式動態建立例項

這幾天早上看了一下紅寶書中物件一章，看到了用建構函式和原型模式來建立例項，就想了一下哪些場景用這個比較好。想到了Dota。 function Hero(name, sex, skill1, skill2, skill3) { this.name = name; this.sex

Python3基礎-函式例項學習

內建函式絕對值函式 x = abs(100) y = abs(-20) print('x=100的絕對值為：{}'.format(x)) print('y=-20的絕對值為：{}'.format(y)) x=100的絕對值為：100 y=-20的絕對值為：20 求最大值、最小值、求和函式 prin

mysql資料庫學習09-函式

1、字串處理函式： char_length('a中'); -- 返回字元長度 length('a中'); -- 返回位元組長度 concat('abc',' ','def'); --返回括號內字元連結後的字元

[C++] GetCursorPos函式的使用方法、應用例項

如果有小夥伴看不懂太多英語，還想知道GetCursorPos函式的用法，那麼往下看吧。函式原型： BOOL GetCursorPos( LPPOINT lpPoint ); 引數： lpPoint：一個指向POINT(struct)的指標，返回游標位置。

JQuery應用例項學習 —— 09 用ready函式隱藏p標籤內容

相關推薦