Jquery選擇器 通過class名獲取ID

記錄一下自己不太熟悉的jquery選擇器的用法。

var a = $('.red'); // 所有節點包含 `class="red"` 都將返回

// 例如:
// "red">...
// "green red">...

var a = $('.car.bus'); // 注意沒有空格！

// 符合條件的節點：
// "car bus">...
// "blue bus car">...

$(".tab-pane.active").attr("id")

// 符合條件的結果：
one// "tab-pane bus active" id="one">...

$(".tab-pane.active").attr("id")

$("div #hrefmenu0").attr("class")
// 符合條件的結果：
tab-pane bus active
// "tab-pane bus active" id="hrefmenu0">...

$(".tab-pane.active").children().attr("id")// 獲取到以下兩個id:content，page

div>
div>

$(".tab-pane.active").next().attr("id")// 獲取到以下id:content

div>
div>

[1].jquery 選擇器與 dom 操作

[2].js獲取節點的兄弟,父級,子級元素的方法

JQuery選擇器 選擇器簡介

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

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...

jQuery選擇器之全選擇器（ 選擇器）

在css中，經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery，如果要獲取文件中所有的元素，通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...