1. 程式人生 > >內容過濾選擇器

內容過濾選擇器

包含指定內容的過濾選擇器

$("div:contains('di')").css("background", "#bbffaa");

沒有子元素,且文字內容為空的元素;

$("div:empty").css("background", "#bbffaa");


包含某個元素的元素;

$("div:has(.mini)").css("background", "#bbffaa");

包含子元素或文字有內容;

$("div:parent").css("background", "#bbffaa");

相關推薦

jQuery 基本選擇 層次選擇 過濾選擇 內容過濾選擇 可見過濾選擇 屬性過濾選擇 表單對象屬性過濾選擇

層次選擇器 分享圖片 分享 技術 info 對象 inf jquery 內容 jQuery 基本選擇器 層次選擇器 過濾選擇器 內容過濾選擇器 可見過濾選擇器 屬性過濾選擇器 表單對象屬性過濾選擇器

8. jQuery內容過濾選擇

<!DOCTYPE html> <html> <head> <title>使用內容過濾選擇器</title> <style type="text/css"> body{font

一步一步學習 JQuery (三) 過濾選擇:基本過濾選擇 && 內容過濾選擇 && 可見性過濾選擇

過濾選擇器: 過濾選擇器主要是通過特定的過濾規則來篩選出所需的 DOM 元素, 該選擇器都以 “:” 開頭 按照不同的過濾規則, 過濾選擇器可以分為基本過濾, 內容過濾, 可見性過濾, 屬性過濾, 子元素過濾和表單物件屬性過濾選擇器. 一、基本過濾選擇器 改變第一個 di

jquery內容過濾選擇內容過濾選擇它是根據元素內部文字內容進行選中。

1.1. 內容過濾選擇器 內容過濾選擇器它是根據元素內部文字內容進行選中。 :Contains(text):匹配包含給定文字的元素 :Empty:匹配所有不包含子元素或者文字的空元素 :Has(se

JQuery內容過濾選擇

常見的內容過濾選擇器 NO. 選擇器 描述 1 :contains(文字) 包含括號內的文字的元素集合(括號內要加引號) 2 :empty 空元素(不包含子元素或文字的元素)集合 3 :has(選擇器) 包含括號中

內容過濾選擇

包含指定內容的過濾選擇器 $("div:contains('di')").css("background", "#bbffaa"); 沒有子元素,且文字內容為空的元素; $("div:empty").css("background", "#bbffaa"); 包含某

jQuery-過濾選擇

字符 sel gre bsp orm span tex jquer code 1、屬性過濾選擇器 $(function(){ $(‘div[title]‘).css(‘background‘,‘red‘); //有title屬性的所有div元素

jquery過濾選擇-----------(表單對象屬性過濾選擇 與 表單選擇

images alt 分享 wid image logs jquery query 器) 1.表單對象屬性選擇器    2.程序 3.表單選擇器    jquery過濾選擇器-----------(表單對象屬性過濾選擇器 與 表單選擇器)

04.可見性過濾選擇——點擊顯示隱藏

href over align left rip 過濾選擇器 content block 引入 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

03.基本過濾選擇——輸入框

pass ttr har 1.8 log query light 是否 div <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>&

jQuery之過濾選擇

可見 通過 規則 rst nim 開發 center box borde 過濾選擇器   1.基本選擇器   2.內容選擇器   3.可見性選擇器   4.子元素過濾器 過濾選擇器簡稱:過濾器。它其實也是一種選擇器,而這種選擇器類似於CSS3(http://t.mb5u.

Jquery | 基礎 | 使用 jQuery 表單過濾選擇

提交按鈕 密碼框 1.0 doc nal gid 過濾 選擇器 ffffff <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

3-6:visible過濾選擇

與上一節的:hidden過濾選擇器相反,:visible過濾選擇器獲取的是全部可見的元素,也就是說,只要不將元素的display屬性值設定為“none”,那麼,都可以通過該選擇器獲取。 例如,使用:visible選擇器獲取可見的<p>元素,並將該元素的內容顯示在<div&g

3-5:hidden過濾選擇

:hidden過濾選擇器的功能是獲取全部不可見的元素,這些不可見的元素中包括type屬性值為hidden的元素。 例如,呼叫:hidden選擇器獲取不可見的<p>元素,並將該元素的內容顯示在<div>元素中,如下圖所示: 在瀏覽器中顯示的效果:

3-4:has(selector)過濾選擇

除了在上一小節介紹的使用包含的字串內容過濾元素之外,還可以使用包含的元素名稱來過濾,:has(selector)過濾選擇器的功能是獲取選擇器中包含指定元素名稱的全部元素,其中selector引數就是包含的元素名稱,是被包含元素。 例如:獲取指定包含某個元素名的全部<li>元素,並

3-3:contains(text)過濾選擇

與上一節介紹的:eq(index)選擇器按索引查詢元素相比,有時候我們可能希望按照文字內容來查詢一個或多個元素,那麼使用:contains(text)選擇器會更加方便, 它的功能是選擇包含指定字串的全部元素,它通常與其他元素結合使用,獲取包含“text”字串內容的全部元素物件。其中引數text表示

3-2:eq(index)過濾選擇

如果想從一組標籤元素陣列中,靈活選擇任意的一個標籤元素,我們可以使用 :eq(index) 其中引數index表示索引號(即:一個整數),它從0開始,如果index的值為3,表示選擇的是第4個元素。例如: 在瀏覽器中顯示的效果: 從圖中可以看出,通過呼叫$(

3-1:first過濾選擇

本章我們介紹過濾選擇器,該型別的選擇器是根據某過濾規則進行元素的匹配,書寫時以“:”號開頭,通常用於查詢集合元素中的某一位置的單個元素。 在jQuery中,如果想得到一組相同標籤元素中的第1個元素該怎樣做呢? 在下面的示例程式碼中你可能注意到我們會使用  $(“li:f

jQuery中的過濾選擇

1.:first //第一個子元素 2.:last //最後一個子元素 3.:odd(index) //索引值為奇數的子元素 4.:even(index) //索引值為偶數的子元素 5.:lt(index) //索引值大於index的子元素 6.:gt(index) //索引值小於index

13. jQuery-表單過濾選擇

<!DOCTYPE html> <html> <head> <title>jQuery表單過濾選擇器</title> <style type="text/css"> bod