選擇器知識點

2021-08-25 02:46:13 字數 736 閱讀 9892

一、選擇器

1、屬性選擇器

①e[attr] 表示存在attr屬性即可;

②e[attr=val] 表示屬性值完全等於val;

③e[attr*=val] 表示在屬性值的「任意」位置包含val字元;

④e[attr^=val] 表示在屬性值的「開始」位置包含val字元;

⑤e[attr$=val] 表示在屬性值的「結束」位置包含val字元;

2、偽類選擇器

①以某元素相對於其父元素或兄弟元素的位置。

e:first-child第乙個子元素

e:last-child最後乙個子元素

e:nth-child(n) 第n個子元素

e:nth-last-child(n) 同e:nth-child(n) 相似,只是倒著計算

②目標偽類選擇器

e:empty 選中沒有任何子節點的e元素;(使用不是非常廣泛)

e:target 結合錨點進行使用,處於當前錨點的元素會被選中;

e:not () 選中除了當前錨點的其他元素

3、偽元素選擇器

e::first-letter文字的第乙個單詞或字(如中文、日文、韓文等);

e::first-line 文字第一行;

e::selection 可改變選中文字的樣式;

是乙個行內元素,需要轉換成塊元素

「:」 與 「::」 區別在於區分偽類和偽元素,在開發中使用」:」;

jquary 選擇器,dom操作知識點

選擇器 1.基本選擇器 1.標籤選擇器 元素選擇器 語法 html標籤名 獲得所有匹配標籤名稱的元素 2.id選擇器 語法 id的屬性值 獲得與指定id屬性值匹配的元素 3.類選擇器 語法 class的屬性值 獲得與指定的class屬性值匹配的元素 4.並集選擇器 語法 選擇器1,選擇器2.獲取多個...

前端知識點分享2 正則,選擇器

去除左右空格 最簡潔版本 function trim str 自己想的另外一種寫法 function trim str 補充另外乙個剛剛想到的 function trim str 替換li中文字為3的內容 這個怎麼理解?1 替換最後乙個節點的文字內容 document.getelementbyid ...

選擇器知識

一 選擇器 1 我們把css樣式寫在style屬性裡的做法叫做行間樣式表,該方法設定的樣式只對當前元素有效 現在已經很少使用 2 在head裡設定乙個style標籤,用選擇器和樣式的寫法叫做內部樣式表,該方法對當前頁面有效 適量使用 3 通配選擇器 獲取所有子元素 型別選擇器 如 div 獲取所有該...