ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryのプロパティとCSSの操作

jQueryのプロパティとCSSの操作

黄舟
リリース: 2016-12-15 14:57:41
オリジナル
981 人が閲覧しました

属性
1. 属性
1.1 attr(name|PROperties|key,value|key,fn)
1) 属性値を取得 $("img").attr("src");
2) 属性値を設定 $( "img").attr("title","Hello");$("img").attr({src:"img1.png",alt:"img1"})
3) 属性値を設定 $( " img").attr("alt",function(index,value){return value +index}) //index は現在の要素のインデックス、value は "alt" の元の属性値です
1.2 RemoveAttr(name)
属性の削除 $("img").removeAttr("alt");
1.3 prop(name|properties|key,value|key,fn)
$("input[type='checkbox']").prop (「チェック済み」、true);
.prop() メソッドによって設定された属性セットを削除するために使用されます
1.5 attr() と prop() の違い
true と false の 2 つの属性を持つ属性 (checked、selected など)または無効にするには prop() を使用し、その他の場合は attr() を使用します
2.CSS クラス
2.1 addclass(class|fn)
$("p").addClasss("active focus");
$("ul li")。 addClass(function(i,class){return class+i})
2.2 RemoveClass([name|fn])
$("p").removeClass("active");
$("p").removeClass(function) (){return $(this).attr( "class")})
2.3 toggleClass(class|fn)
$("p").toggleClass("active");
$(".class").toggleClass (function(){
if($(this ).parent().is(".myClass"))
「クラス 2」;
, html([val|fn])
コンテンツを取得 $("div") .html() 最初に一致した要素の HTML コンテンツを取得します
コンテンツを設定 $("div").html("

htmlhtmlhtml

"); $(" p ")
$ ("input"). val(function(index,value){return Index + value})
チェック/選択 //配列操作に使用される値

1.css
1.1 css(name|pro|[,val |fn])
スタイルプロパティ値を取得 $("p").css("color")
スタイルプロパティ値を設定 $("p").css("color","re​​d")
$("p").css ({color: "red"、width: "100px"})
width * 1.2;}、
、value){return parsefloat(value) * 1.2;}
オフセット値$( "p")。 )wuse- Out Out Out Out Out Out - - - ‐--オフセット値// cは、セレクターの現在の座標を表します親要素を基準とした、一致した要素のオフセット。
$("p").position()
2.3scrollTop([val]) スクロールバーの上部を基準とした一致する要素のオフセットを取得します。 P Get $("p"). Scrolltop()
Set $("p")
2.4 Scrolltop([Val]) で上部のローリングバーのオフセットを取得します。
使って アウト アウト アウト アウト アウト アウト アウト アウトout out out out out out out right out Through Out out out off 's mp way way over back over back over back over back over through over‐‐‐ ‐‐‐ ver‐to to
p").height( )
Set $ ("p"). Height (500)
$ ("p"). Height (function (i, c) {Return C+ 200;})
3.2 width ([Val | Fn])
衣服 $("p") の幅 ()
$("p") の幅 (500)
$("p") (function (i, c) {Return C+200;})
3.3 InnerHeight () 最初に一致した要素の内部領域の高さを取得します(パディングを含み、ボーダーを除きます)。
$("p").innerHeight();
3.4 innerWidth() 最初に一致した要素の内部領域の幅を取得します(パディングを含み、ボーダーを除きます)。
$("p").innerWidth();
3.5 externalHeight([options]) 最初に一致した要素の外側の高さを取得します (デフォルトではパディングとボーダーが含まれます)。
を使用して を使用して を使用してS Options 値が True の場合、境界線が計算され、デフォルト値

上記は jQuery 属性と CSS 操作の内容です。その他の関連記事については、PHP 中国語 Web サイト (www.php.ん)!

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート