jquery中有什么內容過濾選擇器-創(chuàng)新互聯(lián)

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

成都創(chuàng)新互聯(lián)服務項目包括柳江網站建設、柳江網站制作、柳江網頁制作以及柳江網絡營銷策劃等。多年來，我們專注于互聯(lián)網行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網行業(yè)的解決方案，柳江網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到柳江省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

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

常見的內容過濾選擇器：

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

舉例：

運用以上選擇器

<!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>

運行結果截圖如下：

jquery中有什么內容過濾選擇器

感謝你能夠認真閱讀完這篇文章，希望小編分享jquery中有什么內容過濾選擇器內容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網站建設公司，，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網站建設公司，，詳細的解決方法等著你來學習!

標題名稱：jquery中有什么內容過濾選擇器-創(chuàng)新互聯(lián)
分享網址：http://www.muchs.cn/article40/cespho.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網站建設、網站維護、網站改版、全網營銷推廣、網站內鏈、Google

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容