jQuery css 選擇器使用說明

2022-02-23 16:05:43 字數 1710 閱讀 6531

css選擇器只是jquery中的乙個功能罷了,下面我來給各位朋友詳細介紹jquery css()選擇器使用方法與說明詳解,有需要了解學習的同學可參考。

css操作有乙個重要的方法:css()

css()有三個不同的語法,來完成各自的工作:

■$(selector).css(name,value)

■$(selector).css()

■$(selector).css(name)

返回css屬性使用css(name)返回指定的第乙個匹配元素的css屬性值:

示例$(this).css("background-color");

試一試 » 設定 css 屬性和值使用css(name,value),為所有匹配元素設定的css屬性:

示例$("p").css("background-color","yellow");

果我們需要改變多個樣式屬性,我們可以先定義屬性變數,然後直接賦值給css()方法。示例如下:

var divcss = ;

$("#result").css(divcss);

//這裡我們先定義了乙個css樣式屬性變數『divcss』,這類似於建立乙個外部css檔案。

//然後通過jquery提供的css()方法,把屬性賦給id為'#result'的div。另外jquery提供的css()方法還可以用來檢視某個元素的css屬性值。例如,我們想檢視鏈結的顏色,可以使用下面的**:

$("#61dh a").css("color")

//和第乙個例子相似,但是這裡我們只傳遞乙個引數(樣式屬性)最後要介紹的是如何設定滑鼠劃過後的鏈結樣式(比如: 顏色)。我們無法使用選擇器直接選擇滑鼠劃過狀態下的鏈結,也就是說$("a:hover")是不成立的。因此我們需要用到jquery提供的事件類方法 - hover()。值得注意的是,hover()方法需要定義兩個函式,乙個是滑鼠劃過時;另乙個是滑鼠劃過後。具體方法如下:

$("#61dh a").css('color','#123456');

$("#61dh a").hover(function(),

function());

//hover()方法的兩個函式使用用逗號分隔你或許注意到這種方法一點都不簡潔(違背了jquery的宗旨),其實jquery提供的hover()方法不是用來改變css樣式的。在實際運用中,建議使用新增/移出css的方法來改變滑鼠劃過的鏈結樣式。

切換樣式

jquery提供toggleclass()方法控制樣式的切換

$(「p」).toggleclass(「another」);

判斷是否包含某樣式,如果有 返回true 否則 返回 false

$(「p」).hasclass(「another」); 相當於$(「p」).is(「.another」);

jquery如何刪除乙個css屬性

可以用class去設定,然後removeclass(),比如說

$("#test").attr("style",);

如果完全不要就可以使用

$("#test").attr("style",);

如果完全不要就可以使用

$("#test").removeattr("style");

注意:使用 removeattr 就可以了。

另外,如果只是顯示和隱藏(不做動畫效果),定義乙個 .hide ,然後使用 addclass() 和 removeclass() 效能會更高。

css選擇器使用

css中選擇器的組合用法,一下用 ab cd 代表兩個類 1.祖先選擇使用 ab cd 兩個類之間是空格,代表擁有樣式 ab 的元素,他的所有後代元素有 cd 樣式的元素都將被選中 2.兒子選擇使用 ab cd 兩個類之間是大於號,代表擁有樣式 ab 的元素,他的所有兒子元素有 cd 的那些元素 3...

jQuery標籤選擇器使用

1.jquery獲取表單的全部資料。jquery序列化表單資料 可以使用serialize 和 serializearray 它們的區別如下 1 serialize 方法 格式 var data form serialize 功能 將表單內容序列化成乙個字串。這樣在ajax提交表單資料時,就不用一一...

Css之選擇器使用

我們都知道,css 指層疊樣式表 cascading style sheets 主要用來為html 元素定義顯示樣式。本文主要來看一下css的選擇器,選擇器用來定義css的樣式,一般有以下幾種 使用css樣式有三種方式,分別為外鏈式 內嵌式和行內式,下面我們分別來看看具體如何引用。注意 當 impo...