jqueryはCSSセレクターを操作します

.addClass()
指定されたスタイルクラス名を一致する各要素に追加します
.addClass(className)
classNameは一致する各要素に1つ以上のスタイル名を追加します
.addClass(function(index,currentClass) )
関数は1つを返しますまたはスペースで区切られたインデックスは、パラメータ一致におけるインデックス位置を表し、一致する要素セット内の現在の要素を指します。
$("p").addClass("myClass yourClass"); これら 2 つのクラス名スタイルを p 要素に追加します。
$("ul li:last").addClass(function(index){
return "item-"+index;
}) 最後の

要素に "item-1" スタイルを追加します。

.CSS()
一致する要素のセット内の最初の要素の style 属性の計算値を取得するか、一致する各要素の 1 つ以上の
css 属性を設定します。

.css(PROpertyName)
propertyNameはCSSのプロパティ名です。 1 つ以上の CSS プロパティの配列。
$(this).css("background-color"); 現在の要素の背景色を取得します。
$(this).css(["width","height",color]) 現在の要素の幅と高さのフォントの色を取得します。

.css(propertyName,value)
propertyNameはCSSのプロパティ名です。
valueはこのcssの属性値を設定します。
.css(propertyName,function)
propertyNameはCSSのプロパティ名です。
function 設定された値を返すために使用される関数。これが現在の要素です。

$('div.example').css('width',function(index){
returnindex*50;
}) 一致する要素の幅をより大きな値に増加するように設定します。
$("p").mouSEOver(function(){
$(this).css("color","re​​d");
}) マウスが p 要素の上を通過すると、テキストが赤色に変わります。
$("#box").one("click",function(){
$(this).css("width","+=200")
}) #box の幅を 200 ピクセルに増やします。

.hasClass()
一致する要素が指定された（スタイルクラス）に割り当てられているかどうかを判断します
.hasClass(className)
className クエリされるスタイル名。
$("#mydiv").hasClass("foo") 一致した要素にスタイル foo が含まれているかどうか
このスタイルが含まれている場合は true を返し、含まれていない場合は false を返します

.removeClass( )
一致する要素を削除します 要素上のスタイル。
.removeClass([className])
一致する各要素から削除する 1 つ以上のスペースで区切られたスタイル名。
$("p").removeClass("myClass yourClass")
.removeClass(function(index,class))
削除する 1 つ以上の要素を返す関数。index は、一致するすべての要素のセット内の現在の要素です。要素 要素。

.toggleClass()
一致した要素セット内の各要素のスタイル名を切り替えます
.toggleClass(className)
className スペースで区切られた、一致した要素セット内の各要素を切り替えるために使用される 1 つ以上の () スタイル クラス名。
.toggleClass(className,switch)
switch は、スタイルを追加するか削除するかを決定するために使用されるブール値です。
.toggleClass([switch])
switch は、スタイル クラスが追加されるか削除されるかを決定するために使用されるブール値です。

$('#foo').toggleClass(className,add0rRemove) は、
if(add0rRemove){
$('#foo').addClass(className);
}else{
$('#foo'
})

上記は、CSS セレクターを操作する jquery の内容です。その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。