這篇文章主要介紹了jquery中有什么內容過濾選擇器,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創新互聯服務項目包括柳江網站建設、柳江網站制作、柳江網頁制作以及柳江網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,柳江網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到柳江省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!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的區別,parent()選取的是選擇器選中的元素的直接父元素
console.log(contains)
console.log(empty)
console.log(has)
console.log(parent1)
console.log(parent2)
</script>
</html>運行結果截圖如下:

感謝你能夠認真閱讀完這篇文章,希望小編分享jquery中有什么內容過濾選擇器內容對大家有幫助,同時也希望大家多多支持創新互聯網站建設公司,,關注創新互聯行業資訊頻道,遇到問題就找創新互聯網站建設公司,,詳細的解決方法等著你來學習!
標題名稱:jquery中有什么內容過濾選擇器-創新互聯
分享網址:http://www.yijiale78.com/article40/cespho.html
成都網站建設公司_創新互聯,為您提供營銷型網站建設、網站維護、網站改版、全網營銷推廣、網站內鏈、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯