學習方式, 照著列表乙個個敲一遍, 記個大概, 知道有這麼個選擇器. 之後使用的時候查查w3c, 就會用了
$
("p");
// 取得p標籤$(
"#p1");
// 取得id為p1的元素$(
".p1");
//取得class=p1的元素
$
("[href]");
//選擇屬性帶有href的元素$(
"[href]='#'");
//選擇href=#的元素$(
"[href]!='#'");
//選擇href!=#的元素$(
//選擇所有href屬性以.jpg結尾的元素
$
("#p1").
css(
"background-color"
,"red");
//將背景色設定為紅色
$
(".class1.class2");
//選擇 class=class1 且 class=class2 的元素$(
"p:first");
//第乙個p元素$(
"p:last");
//最後乙個p元素$(
"p:even");
//偶數p元素 從0開始$(
"p:odd");
//奇數p元素 從0開始$(
"p:empty");
//無子元素節點或者無文字節點的所有元素$(
"p:not(:empty)");
//所有不為空的元素$(
"p:eq(4)");
//下標為4的p元素, 從0開始$(
"p:gt(2)");
//下標大於2的p元素, 從0開始$(
"p:lt(3)");
//下標小於3的p元素, 從0開始$(
":header");
// 所有標題元素, -$(
"p:contains(text)");
//包含指定字串的元素$(
"p:hidden");
//隱藏的p元素$(
"p:visible");
//可見的p元素$(
"#p1, #p2, #p3");
// 分組選擇, 選取id為p1, p2, p3的元素, 也可為標籤, class等$(
":input");
//所有input元素$(
":text");
//所有input[type=text]的元素 text可更換為password,radio,checkbox,submit,reset,image...等$(
":selected");
//用於下拉列表被選中$(
":checked");
//用於單選框或多選框被選中
jQuery學習 選擇器
首先了解一下css選擇器，css即層疊樣式表他將網頁結構和表現樣式完全分離出來，利用css選擇器可以輕鬆在不改變html結構的前提下改變樣式。他是利用獲取目標元素後施加樣式，有三種方式 行間樣式表 內部樣式表 外部樣式表。選擇器語法 描述示例 標籤選擇器 e以標籤作為選擇符 tdid選擇器 id以文...
jquery學習 選擇器
選擇器 basic button html 標籤 test 標籤id test 標籤的class test,test,h1 多選用逗號隔開 全選 等級選中 div code 選擇所有在div下面的所有code元素，不考慮有多少層 li ul 意味著直接子元素 strong em 姐妹選擇器，只會選擇...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...