JQuery_jquery で CSS スタイルを操作する方法

コードをコピーします コードは次のとおりです:

//1スタイルを設定

$("#tow").attr("class") は ID tow のクラス属性を取得します

$("#two").attr("class","divClass") は、ID を 2 としてクラス属性を設定します。

//2. 追加のスタイル

$("#two").addClass("divClass2") は、スタイル divClass2 を ID 2 のオブジェクトに追加します

//3. スタイルを削除します

$("#two").removeClass("divClass") は、ID 2 のオブジェクトの divClass という名前のスタイルを削除します。

$(#two).removeClass("divClass divClass2") は複数のスタイルを削除します。

//4. クラス名を切り替えます

$("#two").toggleClass("anotherClass") // anotherClass スタイルを繰り返し切り替えます

//5. 特定のスタイルが含まれているかどうかを判断します

$("#two").hasClass("another")==$("#two").is(".another");

//6. CSS スタイルでスタイルを取得します

$("div").css("color") $(element).css(style)

色の属性値を設定します。

//単一のスタイルを設定します

$("div").css("color","re​​d")

//複数のスタイルを設定します

$("div").css({fontSize:"30px",color:"red"})

$("div").css("height","30px")==$("div").height("30px")

$("div").css("width","30px")==$("div").height("30px")

//7.offset() メソッド

// その機能は、現在のビュー ウィンドウ内の要素の相対オフセットを取得することです。返されるオブジェクトには、top と left という 2 つの属性が含まれます。

//注: 表示要素に対してのみ有効です。

var offset=$("div").offset();

var left=offset.left; //左オフセットを取得します

var top=offset.top; //正しいオフセットを取得します

//8.position() メソッド

// その機能は、位置スタイル属性が相対または絶対に設定されている最も近い祖父母ノードを基準とした要素の相対オフセットを取得することです。offset() と同様に、返されるオブジェクトには、top と left の 2 つの属性も含まれます。 。

//9.scrollTop()メソッドとscrollLeft()メソッド

$("div").scrollTop(); //要素のスクロールバーと上部の間の距離を取得します。

$("div").scrollLeft(); //要素のスクロールバーと左側の間の距離を取得します。

//10. jQuery の toggle メソッドと slideToggle メソッドは、要素を表示したり非表示にしたりできます。違いは次のとおりです:

//トグル: ダイナミック効果は右から左へです。横方向の動き。

//slideToggle: 動的効果は下から上へです。垂直アクション。

//たとえば、木が下から上に縮む動的な効果を実現したい場合は、slideToggle を使用するだけです。

$('input').attr("readonly",true)//入力要素を読み取り専用に設定します
$('input').attr("readonly",false)//入力要素を削除しますreadonlyattribute
$('input').attr("disabled",true)//入力要素を無効に設定します
$('input').attr("disabled",false)//入力を削除します要素

の無効な属性