jQuery中的選擇器

来源:https://www.cnblogs.com/scc-/archive/2018/08/15/9481432.html
-Advertisement-
Play Games

選擇器的作用 獲取網頁的上面的標簽元素等等,然後對他進行一些列的操作(添加樣式,添加行為。。。) 一:基本選擇器 基本選擇器是jquery最常用的選擇器,也是最簡單的選擇器,通過元素id,class,標簽名稱來查找 DOM元素(在網頁中ID只能使用一次,id是唯一的,但是class允許重覆使用的) ...


選擇器的作用

獲取網頁的上面的標簽元素等等,然後對他進行一些列的操作(添加樣式,添加行為。。。)

一:基本選擇器
基本選擇器是jquery最常用的選擇器,也是最簡單的選擇器,通過元素id,class,標簽名稱來查找
DOM元素(在網頁中ID只能使用一次,id是唯一的,但是class允許重覆使用的)

1、id選擇器
用法:$("#id名稱"); 返回單個元素的組成的集合

2、class(類選擇器)

用法:$(".class") ;返回集合元素
說明:.class就是樣式名稱

3、element(標簽選擇器)
用法:$("span,p,div"); 返回集合元素


4、$("*") :返回集合元素,匹配所有元素


二:層次選擇器

1:parent child :祖先後代


三:過濾選擇器

1、基礎過濾選擇器(也是最常用的的過濾選擇器)
:not(select)
用法:$(input:not(select)) 返回集合元素
說明:去除所有與給定選擇器匹配的元素。有點類似於“非”

:first 找到第一個元素

:last 找到最後一個元素

:odd 匹配下標為基數的元素

:even 匹配下標為偶數的元素

:eq("下標") 匹配製定下標的元素

:gt("下標") 匹配索引值大於給定下標的元素(不包含本身)

:lt("下標") 匹配索引值小於給定索引值的元素(不包含本身)

2、內容過濾選擇器

:contains(“文本內容”) 匹配元素是否包含指定的文本內容

:has(標簽元素) //匹配含有選擇器所匹配的元素的元素

:empty //匹配元素內容為空的元素

:parent //匹配含有子元素或者文本的元素

3、屬性過濾選擇器

[attribute=value] :屬性過濾選擇器就是通過元素的屬性來獲取相應的元素

例如: $("input[name='chk']").attr("checked", true); --就是把name為chk的覆選框的checked 返回的是一個集合
屬性改為true;

代碼實例:

 

 

4、可見度過濾選擇器

:hidden 篩選隱藏的元素(type="hidden",css: display="none")

: visible 篩選可見的元素


5、子元素過濾選擇器

:nth-child(index/even/odd/equation)

註意:這裡的索引值從1開始,而eq是從0開始

:first-child 找到第一個子元素
:last-child 找到最後一個子元素
:only-child 匹配只有一個子元素的元素

6、 表單對象屬性過濾選擇器

:disabled 篩選不可用元素
:enabled 篩選可用的元素
: checked 篩選被選中的覆選框
: selected 篩選下拉框被選中的元素


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 零:Demo 跑出來的結果如圖 上圖說明 圖中左邊藍色的命令行界面,是用windows powershell 命令行鏈接的。 1.打開powershell命令行界面,輸入命令【telnet 127.0.0.1 6379】。 如果沒有powershell,使用cmd 命令行界面也是可以達到測試redi ...
  • WebService現在雖然有更好的方式去替代它,但是它簡單,開發成本低。很簡單,對著本文一看就會 1.WebService的創建開發 2.WebService的發佈測試 3.WebService的調用 1.WebService的創建開發 首先我們創建一個WebService的項目 然後再添加 添加 ...
  • 斐波那契數列(Fibonacci sequence),又稱黃金分割數列、因數學家列昂納多·斐波那契(Leonardoda Fibonacci)以兔子繁殖為例子而引入,故又稱為“兔子數列”,指的是這樣一個數列:1、1、2、3、5、8、13、21、34... 百度百科 1 >>>數組 很好理解。 求第a ...
  • operator 使用 關鍵字重載內置運算符,或在類或結構聲明中提供用戶定義的轉換。 假設場景,一個Student類,有語文和數學兩科成績,Chinese Math,加減兩科成績,不重載運算,代碼如下。 比較兩個成績差距 使用 重載 比較成績差距的代碼可以改為 參考: "運算符(C 參考)" ...
  • WebService: 1、新建一個空白web應用程式 2、在上面建立的web應用程式添加web服務 4、保存發佈至 IIS Client: 1、新建一個程式(可以是winform、控制台、web) 2、在應用程式右鍵 》添加 》服務引用 3、選擇高級 》添加Web引用 4、在URL處填寫上面發佈到 ...
  • /// /// 按不同的位元組編碼,通過位元組數去截取字元串 /// 資料庫UTF-8 1個數字、字母、英文符號算1個長度 1個中文、中文符號算3個長度 /// /// 需截取的字元串 /// 需截取的位元組長度 /// 截取的位元組編碼類型 /// ... ...
  • 工作中學習,學習中記錄~~~~~~ 最下麵附上demo 任務需求:需要做一個apI介面讓C#的程式調用實現批量文件的上傳。 難度: 沒有做過通過API上傳文件的。。。之前做過網站前後臺上傳。 首先當然是百度。。。沒人教就自己百度學習學習,大佬還是多。環境還是好。 先瞭解WEBAPI,然後瞭解如何上傳 ...
  • 1.介紹 ABP是開源的且文檔比較齊全的應用程式框架。其實它不僅僅是個框架,考慮其最佳實踐,ABP更提供了基於領域驅動設計(DDD)的強大價格模型。 ABP支持最新的ASP.NET Core和EF Core,同時也支持ASP.NET MVC 5.x和EF 6.x. 2.快速看一個示例 上面是一個Ap ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...