2. 程式人生 > 程式設計 >jquery標籤選擇器應用示例詳解

jquery標籤選擇器應用示例詳解

阿新 • • 發佈：2021-09-01

本文例項為大家分享了標籤選擇器應用的具體程式碼，供大家參考，具體內容如下

1、統一設定div內容

可以用標籤選擇器來選擇所有的 div 元素;

<!DOCTYPE html>
<html>
<head>
   <title></title>
 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min."></script>
 <script>
  function setdiv()
  {
KMDXLSDk   $("div").html('統一設定內容；');
  }
 </script>
</head>
<body>
   <h1></h1>
 <div id="div1" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div KMDXLSDk
 
id="div2" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div id="div3" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div id="div4" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <div id="div5" style="border:1px solid #0F0;width:150px;height:50px;"></div>
  <p></p>
 <button onclick="setdiv()">設定內容</button>
</body>
</html>

jquery標籤選擇器應用示例詳解

jquery標籤選擇器應用示例詳解

2、jQuery獲取表單的全部資料

serialize()方法,
　var data= $("form").serialize();

將表單內容序列化成一個字串;

<!DOCTYPE html>
<html>
<head>
   <title>表單</title>
 &lKMDXLSDkt;script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
 <script>
  function getform()
  {
   var data= $("form").serialize();
   alert('表單資料：'+data);http://www.cppcns.com
 

  }
 </script>
</head>
<body>
   <h1>登錄檔單</h1>
   <form action="" method="get">
      <p>
         <label>使用者名稱：</label>
         <input type="text" name="user" />
      </p>
      <p>
         <label>密&nbsp;&nbsp;&nbsp;碼：</label>
         <input type="password" name="password" />
      </p>
      <p>
         <label>性&nbsp;&nbsp;&nbsp;別：</label>
         <input type="radio" name="gender" value="0" /> 男
         <input type="radio" name="gender" value="1" /> 女
      </p>
      <p>
         <label>愛&nbsp;&nbsp;&nbsp;好：</label>
         <input type="checkbox" name="like" value="0"> 學習 
         <input type="checkbox" name="like" value="1"> 
         <input type="checkbox" name="like" value="2"> 游泳
      </p>
      <p>
         <label>個人介紹:</label>
         <textarea name='introduce'></textarea>
      </p>
      <p>
         <label>籍&nbsp;&nbsp;&nbsp;貫：</label>
         <select name="site">
            <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">河南</option>
            <option value="3">河北</option>
            <option value="4">山東</option>
         </select>
      </p>
      <p>
         <input type="submit" name="" value="提交1">
         <input type="reset" name="" value="重置1">
      </p>
   </form>
 <button onclick="getform()">Get Form</button>
</body>
</html>

jquery標籤選擇器應用示例詳解

jquery標籤選擇器應用示例詳解

$("form")，也是標籤選器；

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。

相關推薦

jquery標籤選擇器應用示例詳解

本文例項為大家分享了標籤選擇器應用的具體程式碼，供大家參考，具體內容如下

jQuery.extend()、jQuery.fn.extend()擴充套件方法示例詳解

jQuery外掛開發分為兩種：1 類級別、2 物件級別，下面為大家詳細介紹下: 1 類級別類級別你可以理解為拓展jquery類，最明顯的例子是$.ajax(...),相當於靜態方法。開發擴充套件其方法時使用$.extend方法，即jQuery.ext

python 協程中的迭代器，生成器原理及應用例項詳解

本文例項講述了python 協程中的迭代器，生成器原理及應用。分享給大家供大家參考，具體如下：

Python裝飾器實現方法及應用場景詳解

應用場景： 1、授權(Authorization) 裝飾器能有助於檢查某個人是否被授權去使用一個web應用的端點(endpoint)。它們被大量使用於Flask和Django web框架中。這裡是一個例子來使用基於裝飾器的授權：

go語言Timer計時器的用法示例詳解

計時器用來定時執行任務，分享一段程式碼： package main import \"time\" import \"fmt\"

spring boot攔截器的使用場景示例詳解

前言 在使用者登陸之後，我們一般會把使用者登陸的狀態和相關資訊進行儲存，把對應的token返回到客戶端進行儲存，下次請求過來時，系統可以通過token拿到當前這個使用者的相關資訊，這是授權通常的作法，而有時一些業

Java應用伺服器之tomcat會話複製叢集配置的示例詳解

　　會話是識別使用者，跟蹤使用者訪問行為的一個手段，通過cookie（存在客戶端）或session（存在服務端）來判斷本次請求是那個客戶端傳送過來；常用的會話保持有繫結會話，就是前邊我們聊的在代理上通過演算法或通過

[TypeORM]官方示例詳解-Vol.1 建立資料庫連線和第一個實體對映類

前言 本系列將對TypeORM中官方提供的33個示例逐一進行說明講解。 本期是第一期，官方示例地址https://github.com/typeorm/typeorm/tree/master/sample/sample1-simple-entity。

Spring Boot企業常用的starter示例詳解

SpringBoot簡介# Spring Boot是由Pivotal團隊提供的全新框架，其設計目的是用來簡化新Spring應用的初始搭建以及開發過程。該框架使用了特定的方式來進行配置，從而使開發人員不再需要定義樣板化的配置。通過這種方式

Spring @Conditional註解講解及示例詳解

前言： @Conditional是Spring4新提供的註解，它的作用是按照一定的條件進行判斷，滿足條件給容器註冊bean。

Spring MVC異常處理機制示例詳解

前言 在Spring MVC中，當一個請求發生異常(Controller丟擲一個異常時),DispatcherServlet 採用委託的方式交給一個處理鏈來處理或者解析這個丟擲的異常，這是在request和Servlet Container之間的一道屏障，所以我們可

Spring Boot專案中定製攔截器的方法詳解

這篇文章主要介紹了Spring Boot專案中定製攔截器的方法詳解,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

Java8新特性時間日期庫DateTime API及示例詳解

Java8新特性的功能已經更新了不少篇幅了，今天重點講解時間日期庫中DateTime相關處理。同樣的，如果你現在依舊在專案中使用傳統Date、Calendar和SimpleDateFormat等API來處理日期相關操作，這篇文章你一定不要錯過。

Java同步程式碼塊和同步方法原理與應用案例詳解

本文例項講述了Java同步程式碼塊和同步方法。分享給大家供大家參考，具體如下：

Redis中鍵值過期操作示例詳解

1.過期設定 Redis 中設定過期時間主要通過以下四種方式： expire key seconds：設定 key 在 n 秒後過期；

MySQL中sleep函式的特殊現象示例詳解

前言 MySQL中的系統函式sleep，實際應用的場景不多，一般用來做實驗測試，昨天在測試的時候，意外發現sleep函式的一個特殊現象。如果在查詢語句中使用sleep函式，那麼休眠的時間跟返回的記錄有關。

MySQL InnoDB如何保證事務特性示例詳解

前言 如果有人問你“資料庫事務有哪些特性”？你可能會很快回答出原子性、一致性、隔離性、永續性即ACID特性。那麼你知道InnoDB如何保證這些事務特性的嗎？如果知道的話這篇文章就可以直接跳過不看啦(#^.^#)

MySQL中的長事務示例詳解

前言： 『入門MySQL』系列文章已經完結，今後我的文章還是會以MySQL為主，主要記錄下近期工作及學習遇到的場景或者自己的感悟想法，可能後續的文章不是那麼連貫，但還是希望大家多多支援。言歸正傳，本篇文章主要介紹

MySQL主從同步中的server-id示例詳解

前言 當我們搭建MySQL叢集時，自然需要完成資料庫的主從同步來保證資料一致性。而主從同步的方式也分很多種，一主多從、鏈式主從、多主多從，根據你的需要來進行設定。但只要你需要主從同步，就一定要注意server-id的

Redis全量複製與部分複製示例詳解

Redis 主從複製 Redis 例項劃分為主節點(master)和從節點(slave) 預設情況下，Redis都是主節點