Jquery層疊選擇器

2021-07-11 12:36:01 字數 465 閱讀 5514

//層疊選擇器

//1. 後代選擇器(不分層次)選中屬於第乙個ul的所有li節點;基準節點 空格 目標節點

$("ul:first li").css("border", "3px solid gray");

//2. 直屬子節點擊擇器: 基準節點 大於號 目標節點

$("ul:first>li").css("border", "3px solid red");

//3. 獲取form表單中第二個div標籤的相鄰節點:基準節點 加號 目標節點

$("form>div:eq(1)+*").css("border", "3px solid red");

//4. 獲取form表單中第二個div標籤的所有div兄弟節點:基準節點 ~ 目標節點

$("form>div:eq(1)~div").css("border", "3px solid red");

css層疊樣式 選擇器

1.內聯 在標籤中設定style屬性 標籤名 style 樣式1 樣式值 3.外部引入 新建。css檔案,在css檔案中寫樣式 選擇器1 在html檔案的head標籤中用 選擇器 1.id選擇器 在標籤中加入id屬性 標籤名 id id值 2.class 在標籤中加入class屬性 class值 3...

JQuery選擇器 選擇器簡介

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

Jquery選擇器 基本選擇器

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