JQuery位置選擇器

2021-07-11 12:34:57 字數 600 閱讀 5390

//位置選擇器

//選擇li的第乙個元素

$("li:first").css("border", "3px solid #ff0000");

//最後一次出現的div

$("div:last").css("border", "3px solid #ff0000");

//選擇奇數段落(下標從0開始)

$("p:odd").css("border", "3px solid #ff0000");

$("p:even").css("border", "3px solid yellow");

//獲取第三個超連結,用eq精確獲取

$("a:eq(2)").css("border", "3px solid yellow");

//利用gt(greaterthan)獲取制定位置之後的所有元素,下標都是從0開始

$("li:gt(1)").css("border", "3px solid blue");

//利用lt(lessthan)獲取制定位置之前的所有元素

$("li:lt(1)").css("border", "3px solid black");

JQuery選擇器 選擇器簡介

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

Jquery選擇器 基本選擇器

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

jQuery選擇器之全選擇器( 選擇器)

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