一.基本選擇器
1.id選擇器：$("#temp").addclass("bgred");
2.類選擇器：$(".temp").addclass("bgred");
3.合選擇器:$("#temp,#test").addclass("bgred");
二.層次選擇器:
1.後代選擇器:$("form label").addclass("bgred");//只要label的上級有form則會應用上樣式
2.孩子選擇器:$("form > label").addclass("bgred");//當label的父標籤是form則會應用上樣式
3.兄弟選擇器:$("form + label").addclass("bgred");//當form元素和label元素互為兄弟則會label元素應用上樣式
4.兄弟鏈選擇器(自己起的名字):$("form ~ label").addclass("bgred");//所有與form元素同級的label元素則會應用上樣式
二.濾鏡選擇器:
1.位置控制濾鏡
$("#datatable tr:first").addclass("bgred");
$("#datatable tr:last").addclass("bggreen");
$("#datatable tr:odd").addclass("bggreen");
$("#datatable tr:even").addclass("bggreen");
$("#datatable tr:eq(1)").addclass("bgred");
$("#datatable td:empty").addclass("bgred");
$("#datatable td:parent").addclass("bgred");
$("#datatable tr:hidden").show().addclass("bgred");
$("#datatable tr:visible").addclass("bgred");
$("#datatable tr:visible").hide();
2.內容控制濾鏡
$("div.temp:contains('部落格')").addclass("bgred");
$("div.temp:has(p)").addclass("bgred");//針對標籤
$("div.temp:not(.withp)").addclass("bgred");
三.表單選擇器:
1.內容濾鏡
$("#loginform :text").addclass("bgred");
$("#loginform :password").addclass("bgred");
2.功能濾鏡
$("#loginform input:disabled").addclass("bggreen");
$("#loginform input:enabled").addclass("bggreen");
$("#loginform select option:selected").addclass("bggreen");
3.屬性濾鏡
$("#loginform input[class][name=nickname]").addclass("bgred");
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...
jQuery選擇器之全選擇器（ 選擇器）
在css中，經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery，如果要獲取文件中所有的元素，通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...