發布時間: 2018-11-02 11:45:45
?內容過濾器的過濾規則主要是包含的子元素或文本內容上。
//選擇元素文本節點含有 baidu文本的元素
$('div:contains("baidu")').css('background', '#ccc');
$('div:empty').css('background','#ccc'); //選擇空元素
$('ul:has(.red)').css('background','#ccc'); //選擇子元素含有 class 是 red 的元素
$(':parent').css('background','#ccc'); //選擇非空元素
jQuery 提供了一個 has()方法來提高:has 過濾器的性能:
$('ul').has('.red').css('background','#ccc'); //選擇子元素含有 class 是 red的元素
jQuery 提供了一個名稱和:parent 相似的方法,但這個方法并不是選取含有子元素或文本的元素,而是獲取當前元素的父元素(節點操作),返回的是元素集合。
$('li').parent().css('background','#ccc'); //選擇當前元素的父元素
$('li').parents().css('background','#ccc'); //選擇當前元素的父元素及祖先元素
$('li').parentsUntil('div').css('background','#ccc'); //選擇當前元素遇到 div 父元素停止
?上一篇: {HCNA-AI TensorFlow編程基礎}之會 話
下一篇: {HTML5}過濾選擇器-第四節-上