過濾選擇器
過濾選擇器主要是透過特定的過濾規則來篩選出所需的 DOM元素,該選擇器都以“:”開頭
依照不同的過濾規則,過濾選擇器可以分為基本過濾,內容過濾,可見性過濾,屬性過濾,子元素過濾和表單物件屬性過濾選擇器.
基本過濾選擇器
基本過濾選擇器範例
改變第一個 div元素的背景色為 # bbffaa
改變最後一個 div元素的背景色為 # bbffaa
改變class不為 one的所有 div元素的背景色為 # bbffaa
改變索引值為偶數的 div元素的背景色為 # bbffaa
改變索引值為奇數的 div元素的背景色為 # bbffaa
改變索引值為大於 3的 div元素的背景色為 # bbffaa
改變索引值為等於 3的 div元素的背景色為 # bbffaa
改變索引值為小於 3的 div元素的背景色為 # bbffaa
改變所有的標題元素的背景色為 # bbffaa
改變目前正在執行動畫的所有元素的背景色為 # bbffaa
內容過濾選擇器
內容過濾選擇器的過濾規則主要體現在它所包含的子元素和文字內容
內容過濾選擇器範例
改變含有文字 ‘di'的 div元素的背景色為 # bbffaa
改變不包含子元素(或文字元素)的 div空元素的背景色為 # bbffaa
改變含有 class為 mini元素的 div元素的背景色為 # bbffaa
改變含有子元素(或文字元素)的div元素的背景色為 # bbffaa
可見性過濾選擇器
可見性過濾選擇器是根據元素的可見和不可見狀態來選擇對應的元素
可見選擇器 :hidden不只包含樣式屬性 display為 none的元素,也包含文字隱藏域 ()和 visible:hidden之類的元素
可見性過濾選擇器範例
改變所有可見的div元素的背景色為 # bbffaa
選取所有不可見的元素,利用 jQuery中的 show()方法將它們顯示出來,並設定其背景色為 # bbffaa
選取所有的文字隱藏域,並列印它們的值
屬性過濾選擇器
屬性過濾選擇器的過濾規則是透過元素的屬性來取得對應的元素
屬性過濾選擇器範例
選取為列元素,改變其背景色為 # bbffaa
含有屬性title的div元素.
屬性title值等於"test"的div元素.
屬性title值不等於"test"的div元素(沒有屬性title的也將被選中).
屬性title值以"te"開始的div元素.
屬性title值以"est"結束的div元素.
屬性title值含有"es"的div元素.
選取有屬性id的div元素，然後在結果中選取屬性title值含有「es」的 div 元素.
子元素過濾選擇器
nth-child() 選擇器詳解如下：
(1) :nth-child(even/odd):能選取每個父元素下的索引值為偶(奇)數的元素
(2):nth-child(2): 能選取每個父元素下的索引值為 2 的元素
(3):nth-child(3n): 能選取每個父元素下的索引值是 3 的倍數的元素
(3):nth-child(3n 1):能選取每個父元素下的索引值是 3n 1的元素
子元素過濾選擇器範例
選取為列元素,改變其背景色為 # bbffaa
每個class為one的div父元素下的第2個子元素.
每個class為one的div父元素下的第一個子元素
每個class為one的div父元素下的最後一個子元素
如果class為one的div父元素下的隻隻有一個子元素，那麼就選取這個子元素
表單物件屬性過濾選擇器
此選擇器主要將所選的表單元素過濾
表單物件屬性過濾選擇器範例
利用 jQuery物件的 val()方法改變表單內可用 元素的值 利用 jQuery物件的 val()方法改變表單內不可用元素的值
利用 jQuery物件的 length屬性取得多重選取框所選取的個數
利用 jQuery物件的 text()方法取得下拉方塊選取的內容
表單選擇器
以上就是關於jQuery過濾選擇器的全部內容了，十分的詳盡，希望對小夥伴們有所幫助。
jquery实现多少秒后隐藏图片Apr 20, 2022 pm 05:33 PM实现方法：1、用“$("img").delay(毫秒数).fadeOut()”语句，delay()设置延迟秒数；2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句，通过定时器来延迟。
jquery怎么修改min-height样式Apr 20, 2022 pm 12:19 PM修改方法：1、用css()设置新样式，语法“$(元素).css("min-height","新值")”；2、用attr()，通过设置style属性来添加新样式，语法“$(元素).attr("style","min-height:新值")”。
axios与jquery的区别是什么Apr 20, 2022 pm 06:18 PM区别：1、axios是一个异步请求框架，用于封装底层的XMLHttpRequest，而jquery是一个JavaScript库，只是顺便封装了dom操作；2、axios是基于承诺对象的，可以用承诺对象中的方法，而jquery不基于承诺对象。
jquery怎么在body中增加元素Apr 22, 2022 am 11:13 AM增加元素的方法：1、用append()，语法“$("body").append(新元素)”，可向body内部的末尾处增加元素；2、用prepend()，语法“$("body").prepend(新元素)”，可向body内部的开始处增加元素。
jquery中apply()方法怎么用Apr 24, 2022 pm 05:35 PM在jquery中，apply()方法用于改变this指向，使用另一个对象替换当前对象，是应用某一对象的一个方法，语法为“apply(thisobj,[argarray])”；参数argarray表示的是以数组的形式进行传递。
jquery怎么删除div内所有子元素Apr 21, 2022 pm 07:08 PM删除方法：1、用empty()，语法“$("div").empty();”，可删除所有子节点和内容；2、用children()和remove()，语法“$("div").children().remove();”，只删除子元素，不删除内容。
jquery怎么去掉只读属性Apr 20, 2022 pm 07:55 PM去掉方法：1、用“$(selector).removeAttr("readonly")”语句删除readonly属性；2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。
jquery on()有几个参数Apr 21, 2022 am 11:29 AMon()方法有4个参数：1、第一个参数不可省略，规定要从被选元素添加的一个或多个事件或命名空间；2、第二个参数可省略，规定元素的事件处理程序；3、第三个参数可省略，规定传递到函数的额外数据；4、第四个参数可省略，规定当事件发生时运行的函数。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
EditPlus 中文破解版
體積小，語法高亮，不支援程式碼提示功能
Dreamweaver Mac版
視覺化網頁開發工具
ZendStudio 13.5.1 Mac
強大的PHP整合開發環境
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
mPDF
mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），
