ディレクトリ
jQueryの
アニメーション
// 基本
show([s,[e],[fn]])
hide([s,[e],[fn]])
toggle([s],[e],[fn])
// 滑动
slideDown([s],[e],[fn])
slideUp([s,[e],[fn]])
slideToggle([s],[e],[fn])
// 淡入淡出
fadeIn([s],[e],[fn])
fadeOut([s],[e],[fn])
fadeTo([[s],o,[e],[fn]])
fadeToggle([s,[e],[fn]])
// 自定义(了解即可)
animate(p,[s],[e],[fn])
各
jQuery.each(コレクション、コールバック(indexInArray、valueOfElement)):
説明:シームレスに使用することができる一般的な反復機能、およびオブジェクトの反復配列。アレイおよびアレイ状プロパティの長さによってインデックス付け反復回数にオブジェクト(例えば、パラメータオブジェクトの機能)、0から長さ - 1。他の目的には、プロパティ名を反復処理します。
.each(関数(指数、エレメント))。
説明:jQueryオブジェクトを横切るは、各要素の一致機能を実行します。
.each()
各要素jQueryのDOMオブジェクトの反復方法。コールバックが実行されるたびに、現在のパラメータとして渡されたサイクル数(0から数えて)。コールバックは、コンテキストとして現在のDOMエレメントのコンテキストでトリガーされるので、キーがあるのでthis
、常にこの要素を指しています。
ご注意ください
トラバーサルの間に使用することができreturn false
、各サイクルの終わりを進めます
。データ()
マッチした要素または要素のセットのすべての要素に格納された任意の関連データは、指定された名前に格納されたデータの値に設定で最初に一致した要素を返します。
.dataの(キー、値):
説明:マッチした要素の任意のデータを格納します。
$("div").data("k",100);//给所有div标签都保存一个名为k,值为100
.dataの(キー):
記述:データ・ストレージ名と値の整合要素の組内の最初の要素を返しが与えられる-によって.data(name, value)
、またはHTML5 data-*
プロパティ。
$("div").data("k");//返回第一个div标签中保存的"k"的值
.removeData(キー):
説明:keyパラメータはすべて保存されたデータの削除を指示することなく、要素に格納されたデータを削除します。
$("div").removeData("k"); //移除元素上存放k对应的数据
ブートストラップ
フレームワークを使用するときは、jQueryのjQueryのベース、ダイナミックなエフェクトをインポートする必要があります
jQueryの、CSS、JS:私たちは3つのファイルを案内する必要があります
レイアウトコンテナ
すべてのフロントエンドフレームを使用した後の全体のラベルスタイルクラス属性値によって調整され
<div class="container"></div>
、ブランクの左右
<div class="container-fluid"></div>
の画面表示
グリッドシステム
デフォルト:
行1行である
行ごとに、デフォルトで12個の部分に分割される
複数のアカウントを必要COL-MD-民によって選択されてもよいです
グリッドパラメータ:
.col-xs-
:超小型スクリーン(携帯電話)
.col-sm-
:小画面(画面)
.col-md-
:ミディアム画面(デスクトップモニタ)
.col-lg-
:大画面(大デスクトップモニタ)
2で起動コードを記述し、:
<div class="container-fluid">
<div class="row">
...
</div>
</div>
列オフセット
col-md-offset-3
テーブル
どれでも<table>
追加するラベル.table
クラスは、彼らに基本的なスタイルを与えることができます
フォーム
個々のフォームコントロールは、自動的にグローバルスタイルの番号が割り当てられます。すべての設定し.form-control
たクラスを<input>
、<textarea>
そして<select>
要素がデフォルトwidthプロパティで設定する必要がありますwidth: 100%;
。label
包まれた要素やコントロール前述の.form-group
最良の配置を得ることができます。
フロート
クラスを追加することによって、任意の要素は、浮動または左右することができます。!important
優先順位は、CSSスタイルをクリアするために使用されます。
<div class="pull-left">...</div> //向左浮动
<div class="pull-right">...</div> //向右浮动
プッシュボタン
それは<a>
、<button>
または<input>
追加要素ボタンクラス(Buttonクラス)は、ブートストラップが提供されるスタイルを使用することができます。
以下のような:<button class="btn btn-default" type="submit">Button</button>
あなたはボタンBTN-デフォルトの色を変えることによって変えることができます
btn-default 默认样式-白色
btn-primary 首选项-深蓝色
btn-success 成功-绿色
btn-info 一般信息-淡蓝色
btn-warning 警告-黄色
btn-danger 危险-红色