jquery中的屬性過濾選擇器-js教程-PHP中文網

首頁

web前端

js教程

jquery中的屬性過濾選擇器

巴扎黑

Jun 21, 2017 am 10:16 AM

jquery 屬性濾選擇器

本篇文章主要是對jquery選擇器之屬性過濾選擇器進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

程式碼如下:

<style type="text/css">
  /*高亮显示*/
  .highlight{   
   
background-color
: gray
  }
 </style>

登入後複製

程式碼如下:

<body>
   <p>
      <p>Hello</p>
   </p>
   <p id="test">ID为test的p</p>
   <input type="checkbox" id="s1" name="football" value="足球" />足球
   <input type="checkbox" name="volleyball" value="排球" />排球
   <input type="checkbox" id="s3" name="basketball" value="篮球" />篮球
   <input type="checkbox" id="s4" name="other" value="其他" />其他
  </body>

登入後複製

#1. [attribute]用法
定義：符合包含給定屬性的元素

程式碼如下：

$("p[id]").addClass("highlight"); //查找所有含有ID属性的p元素

登入後複製

2. [attribute=value]用法
定義：符合給定的屬性是某個特定值的元素

程式碼如下：

$("input[name=&#39;basketball&#39;]").attr("checked",true);   //name属性值为basketball的input元素选中

登入後複製

3. [attribute!=value]用法
定義：符合給定的屬性是不包含某個特定值的元素

程式碼如下:

$("input[name!=&#39;basketball&#39;]").attr("checked",true);   //name属性值不为basketball的input元素选中 
//此选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value])
$("input:not(input[name=&#39;basketball&#39;])").attr("checked",true);

登入後複製

#4. [attribute^=value]用法
定義：符合給定的屬性是以某些值開始的元素

程式碼如下:

$("input[name^=&#39;foot&#39;]").attr("checked",true);  //查找所有 name 以 &#39;foot&#39; 开始的 input 元素

登入後複製

5. [attribute$=value]用法
##定義：符合給定的屬性是以某些值結尾的元素

程式碼如下:

$("input[name$=&#39;ball&#39;]").attr("checked",true); //查找所有 name 以 &#39;ball&#39; 结尾的 input 元素

登入後複製

6. [attribute*=value]用法
定義：符合給定的屬性是以包含某些值的元素

#程式碼如下：

$("input[name*=&#39;sket&#39;]").attr("checked",true);  //查找所有 name 包含 &#39;sket&#39; 的 input 元素

登入後複製

7. [selector1][selector2][selectorN]用法
定義：複合屬性選擇器，需要同時滿足多個條件時使用

程式碼如下：

$("input[id][name$=&#39;ball&#39;]").attr("checked",true);  //找到所有含有 id属性，并且它的 name属性是以 ball结尾的

登入後複製

以上是jquery中的屬性過濾選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1665

CakePHP 教程

1423

Laravel 教程

1321

PHP教程

1269

C# 教程

1249

Related knowledge

夸克如何開啟過濾重複文件 Mar 01, 2024 am 11:25 AM

使用夸克瀏覽器時，其中有一個過濾重複文件的功能，有些朋友對此還不是很了解，下面為大家介紹一下打開這個功能的操作方法，感興趣的朋友和我一起來看看吧。 1.先在手機中點選「夸克瀏覽器」進入介面後，在頁面中間的選項裡點選選擇「夸克網盤」打開進入。 2.在夸克網盤介面裡下方部分找到“備份設定”，並在上面點擊打開，如下圖所示位置：3.接下來在進入的頁面裡有一個“過濾重複文件”，在它的後面顯示有一個開關按鈕，在上面點擊圓形的滑桿把它設定為彩色即為開啟該功能，繼續備份檔案時將會跳過重複的檔案來節省網盤容量。

jQuery中如何使用PUT請求方式？ Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT請求方式？在jQuery中，發送PUT請求的方法與發送其他類型的請求類似，但需要注意一些細節和參數設定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發送PUT請求：$.ajax({u

jQuery小技巧：快速修改頁面所有a標籤的文本 Feb 28, 2024 pm 09:06 PM

標題：jQuery小技巧：快速修改頁面所有a標籤的文字在網頁開發中，我們經常需要對頁面中的元素進行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標籤的文字內容，這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本，同時給出具體的程式碼範例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：&lt

使用jQuery修改所有a標籤的文字內容 Feb 28, 2024 pm 05:42 PM

標題：使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網頁開發中，經常會遇到需要修改頁面上連結標籤（a標籤）的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標，並提供具體的程式碼範例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：

jQuery如何移除元素的height屬性？ Feb 28, 2024 am 08:39 AM

jQuery如何移除元素的height屬性？在前端開發中，經常會遇到需要操作元素的高度屬性的需求。有時候，我們可能需要動態改變元素的高度，而有時候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，並提供具體的程式碼範例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。 height屬性用於設定元素的高度

中文字元過濾：PHP正規表示式實踐 Mar 24, 2024 pm 04:48 PM

PHP是一種廣泛應用的程式語言，特別在Web開發領域中非常流行。在網路開發過程中，經常會遇到需要對使用者輸入的文字進行過濾、驗證等操作，其中字元過濾是一項十分重要的操作。本文將介紹如何使用PHP中的正規表示式來實現中文字元過濾的功能，並給出具體的程式碼範例。首先，我們要先明確一下中文字元的Unicode範圍是從u4e00到u9fa5，也就是所有的漢字都處於這個範圍

爐石戰記絕望線縷屬性介紹 Mar 20, 2024 pm 10:36 PM

絕望線縷是暴雪娛樂旗下佳作《爐石戰記》中的一張稀有卡牌，在「威茲班的工坊」卡包中有機會獲得。可消耗100/400點奧術之塵合成普通/金色版本。爐石戰記絕望線縷屬性介紹答：在威茲班的工坊卡包中有幾率獲得，也可以透過奧術之塵合成。稀有度：稀有類型：法術職業：死亡騎士法力值：1效果：使所有隨從獲得亡語：對所有隨從造成1點傷害

了解jQuery中eq的作用及應用場景 Feb 28, 2024 pm 01:15 PM

jQuery是一種流行的JavaScript庫，被廣泛用於處理網頁中的DOM操作和事件處理。在jQuery中，eq()方法是用來選擇指定索引位置的元素的方法，具體使用方法和應用場景如下。在jQuery中，eq()方法選擇指定索引位置的元素。索引位置從0開始計數，即第一個元素的索引是0，第二個元素的索引是1，依此類推。 eq()方法的語法如下：$("s

See all articles

jquery中的屬性過濾選擇器

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題