jquery學習 選擇器

選擇器：

basic

$('button') html 標籤

$('#test') 標籤id

$('.test') 標籤的class

$('.test,#test,h1') 多選用逗號隔開

$('*') 全選

等級選中

$('div code') 選擇所有在div下面的所有code元素，不考慮有多少層

$('li>ul') >意味著直接子元素

$('strong+em') +姐妹選擇器，只會選擇乙個兄弟元素

$('strong~em') ~姐妹選擇器，選擇之後所有兄弟元素

篩選器$('li:first')

$('li:last')

$('li:not(li:first)')

$('li:even')

$('li:odd')

$('li:eq(1)') equal 等於1

$('li:gt(2)') greater 大於2

$('li:lt(2)') less 小於2

$(':header')

$(':animated')

內容選擇器

$('li:contains(second-level)') 看內容

$(':empty') 內容為空

$('li:has(a)') 看子元素

$('p:parent') 內容不為空

顯示選擇器

$(':hidden') display:none

$(':visible') display:block

jQuery學習 選擇器

首先了解一下css選擇器，css即層疊樣式表他將網頁結構和表現樣式完全分離出來，利用css選擇器可以輕鬆在不改變html結構的前提下改變樣式。他是利用獲取目標元素後施加樣式，有三種方式 行間樣式表 內部樣式表 外部樣式表。選擇器語法 描述示例 標籤選擇器 e以標籤作為選擇符 tdid選擇器 id以文...

jquery選擇器學習

學習方式,照著列表乙個個敲一遍,記個大概,知道有這麼個選擇器.之後使用的時候查查w3c,就會用了 p 取得p標籤 p1 取得id為p1的元素 p1 取得class p1的元素 href 選擇屬性帶有href的元素 href 選擇href 的元素 href 選擇href 的元素 選擇所有href屬性以...

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...