JQ CSS 常用選擇器及相關操作

2021-10-10 06:05:41 字數 844 閱讀 6689

普通選擇器

$(".error p") error類名下所有p標籤

$(".error .err") error類名下err類名

$("#error .err") errorid名下err類名

準確查詢某個類名: window.getcomputedstyle($(『.***xx』))

選擇存在某個屬性: $(".label-error").attr(『name』)

選擇屬性為某個值: $ ("[name$=『paymentoption』]")

選擇可見: $(』.label-error:visible』)

判斷是否含有某個類名:

$("#modal-fimily .w").is(".class")

$(』.lp-1-div.lp-div』).hasclass(「hide」)

隱藏特定子元素:

$(』#form .form-page:nth-child(11)』).removeclass(『active』);

// 第十二個孩子元素去掉 active屬性

$(』#form』).children().addclass(『active』)

// 所有孩子加上active屬性

定義含有某類名的元素: var el = this.closest(「a[href^=』#』]」);

判斷是否存在某字元: str.indexof(』。』)>-1

判斷某個css屬性: $(』.reg-page』).css(「display」) == 「block」

遍歷符合要求的每個元素

$ (".label-error").parent().children().each(function () );

CSS選擇器及背景相關

偽類選擇器 選擇器優先順序 css單位 背景 屬性選擇器的標準語法如下 e attribute e 代表元素 attribute 代表屬性 自定義屬性 只需要在標籤後加上自定義的屬性,例如 中的data code 語法如下 data code style 若自定義屬性內有值則需要在中括號內完整的寫出...

CSS常用 選擇器及樣式

本章僅僅只是對css的乙個彙總,方便查詢使用 css 指層疊樣式表 cascading style sheets 他的作用是為了顯示html元素,優點在於讓定義樣式更加簡單,讓網頁的內容和表現分離,使多個樣式可以層疊使用。css的使用格式是選擇器 宣告 selector p在這裡臨時插入css的三個...

HTML常用標籤及選擇器

html基本標籤 補充內容 標籤分為雙標籤和單標籤,雙標籤例如 單標籤例如 標籤名 標籤備註 標題標籤 h1 h6 文字大小依次減小 塊級標籤 段落標籤 p塊級標籤 換行標籤 br塊級標籤 水平線標籤 hr塊級標籤 div標籤 div塊級標籤 span標籤 span 行內標籤 引用標籤 blockq...