jquery中有什么內(nèi)容過濾選擇器

發(fā)布時(shí)間：2020-11-19 11:20:05 來源：億速云閱讀：152 作者：小新欄目：web開發(fā)

這篇文章主要介紹了jquery中有什么內(nèi)容過濾選擇器，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

jquery內(nèi)容過濾選擇器有：1、【:contains(文本)】；2、【:empty空元素】；3、【:has(選擇器)】；4、【:parent】。

常見的內(nèi)容過濾選擇器：

:contains(文本) 包含括號內(nèi)的文本的元素集合（括號內(nèi)要加引號）
:empty 空元素（不包含子元素或文本的元素）集合
:has（選擇器）包含括號中選擇器選中的元素集合的元素集合
:parent 含有子元素或者文本的元素集合

舉例：

運(yùn)用以上選擇器

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
 
<body >
<div id="div0">
    <ul>
            <li id="l0">你好</li>
            <li id="l1">小魚仙倌</li>
            <li id="l2">你好啊</li>
            <li id="l3"></li>
    </ul>
</div>
<div id="div1"><li id="l4"></li></div>
 
</body>
 
 
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
<script>
    var contains=$("div li:contains('你')")
    var empty=$("body :empty")
    var has=$(":has(li)")
    var parent1=$(":parent")
 
    var parent2=$("li").parent()//注意與:parent的區(qū)別，parent()選取的是選擇器選中的元素的直接父元素
 
 
    console.log(contains)
    console.log(empty)
    console.log(has)
    console.log(parent1)
 
    console.log(parent2)
</script>
 
</html>

運(yùn)行結(jié)果截圖如下：

jquery中有什么內(nèi)容過濾選擇器

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享jquery中有什么內(nèi)容過濾選擇器內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

jquery中有什么內(nèi)容過濾選擇器

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽