Jquery之子選擇器和可見性選擇器

2021-07-11 12:50:48 字數 582 閱讀 7458

//子選擇器

//1、選擇所有位於其父節點後的第乙個位置是指定元素(li)的元素子節點,如果li在ul的第乙個位置,則不會被選擇

$("li:first-child").css("border", "3px solid green");

//2、選擇所有位於其父節點後的最後乙個位置是指定元素(li)的元素子節點

$("li:last-child").css("border", "3px solid green");

//3、選擇所有位於其父節點後指定位置的元素(n從1開始)

$("li:nth-child(2)").css("border", "3px solid green");

//可見性/不可見性選擇器

//1、不可見性(type="hidden" display="none" width=height=0)

$("li:hidden").css("border", "3px solid green");

//2、獲取可顯示的元素

$("li:visible").css("border", "3px solid green");

jQuery選擇器 可見性選擇器

可見性選擇器 visible 匹配所有可見元素 hidden 匹配所有不可見元素 說明 可見元素 如果元素佔據文件的空間,元素被認為是可見的 不可見元素 如果元素未佔據文件的空間,元素被認為是不可見的 注意 元素的visibility hidden或 opacity 0 被認為是可見,因為元素即使具...

jQuery的選擇器 可見性過濾選擇器

jquery的可見性選擇器是根據元素的可見和不可見狀態來選擇相對應的元素。主要有兩個 可見 visible和不可見 hidden。今天我們主要來學習這兩個選擇器的使用。先來看乙個html結構,方便學習這兩個選擇器的使用 hider hider hider hider 顯示隱然元素 css code ...

JQuery選擇器 7可見性過濾選擇器

見性過過濾選擇器是根據元素的可見和不可見狀態來選擇相應的元素,詳細如表 可見性過濾選擇器示例 選擇器描述 返回示例 hidden 選取所有不可見的元素 集合元素 div hidden 選取所有不可見的元素 visible 選取所有可見的元素 集合元素 div visible 選取所有可見的元素 可見...