8.JQuery(二)

idがboxのdivにクラスを追加し、クリックして関数を実行すると、関数の内容はfontsize30(クラス名)を追加して、もう1つのクラス名
$( "#addclass")。click(function (){ $( "#box")。addclass( "fontsize30")})要素にクラスがあるかどうか判断するためにremoveClass(クラス名を接続せずに、すべてのクラス名が削除されます)を削除するメソッドもあります。名前、hasClassがある場合はそれを使用する単語がtrueを返す場合、falseを返すswitch、toggleClass、要素に特定のクラスがある場合は削除し、ない場合は追加する




selected属性は、ページのロード時にオプションが事前に選択されていることを指定します。
active-リンクがクリックされると
タブバーが切り替わります。要件:タブバーの各liタグに「mousein」イベントを設定し、現在のliにアクティブな値を追加し、他の兄弟要素liのアクティブな値を削除します。
現在のタブバーdivで同じ添え字見つけるには、選択を追加し、選択した他の兄弟要素を削除します
$( "。wrapper> ul> li")。mouseenter(function(){ $(this(domオブジェクトはJQオブジェクトに変換されます。ここで、これはdomオブジェクト内でマウスを移動するとロックされます).addClass( "active")は、アクティブな.siblings( "li ")を現在のliに追加します(JQオブジェクトに変換した後、ここに戻ることはありません。引き続き使用できます).removeClass( "active")を使用して、liの兄弟要素を削除します。varidx= $(this).index()現在のliの添え字を取得します$( "。products> .main") .eq(idx)(ロックされたオブジェクトの添え字を渡します).addClass( "Selected")。siblings( "div")。removeClass( "selected")})




Webページアニメーション:
show関数がパラメーターを渡さない場合、アニメーション効果はありません。アニメーション効果が必要な場合は、パラメーター
1を渡します。アニメーションの期間、ミリ秒、または期間を表す文字列を表します:fast(200 )(200ミリ秒が表示されます))、normal(400)、slow(600)
2。コールバック関数、ミリ秒を追加した後、一部のコンテンツをコールバックできます(2000、function(){alert( "······" )})

非表示関数自体は非表示であるため、操作を実行する前に表示する必要があります。
渡されるパラメーターは、逆縮約に属するshowと同じです。

トグル関数は切り替え用です。非表示の場合は表示され、表示されている場合は非表示になります。渡される関数は非表示または表示と同じです。

slideDown関数はslideUp関数と同じですが、縮小する代わりに、
フェードインおよびフェードアウト関数がスライドインおよびスライドアウトします(浅いものから深いものへ)。css
は上記の操作も実行できますが、座標が大幅に変更されます。コードを入力する必要があります、非常に複雑です

タイマーを使用して置換し、要件を満たしてアニメーションを自動的に終了します。
条件:単純なアニメーションを実行できる関数を抽出します。
パラメーター1:obj:アニメーション化するオブジェクト。
パラメーター2:速度:移動速度(正の場合もあります)または負の値。プラス記号とマイナス記号を変更します)
パラメーター3:ターゲット:アニメーションを実行するターゲット位置(ここでは正と負に依存できないため、で速度条件を追加する必要があります)同時に&&どのターゲット(||またはタイプ)を実行してどの操作を実行できるか)
そうでない場合は速度の正と負を変更し、正の値のみを取ります。判断する関数を追加できます。現在の位置がいつかが目標よりも大きい場合は、speed = -speedにすることができます
。複数のオブジェクトが同じタイマー関数を共有する場合、競合しないように、
1。最初にグローバル変数のタイマーをクリアします
。2。次に、指定したオブジェクトをの関数に追加しますタイマーをクリアすると、他のオブジェクトに影響します。3。
指定したオブジェクトをタイマー開始に追加します。
上記は、実行アニメーションのオブジェクトにタイマー属性を追加して、タイマー識別子
attrを保存します。アニメーションにスタイルを実装するには、例:左上の幅など、引用された場合はstlye.attrにすることはできません。これにより、stlyeの属性として扱われますが、存在しないため、stlye [attr]である必要があります。彼はこれを変数と見なします。
コールバック:グローバル割り当て関数のコンテンツを実行できるコールバック関数であり、コールバックが配置されている共有関数本体はローカル関数です

divを800の位置に移動すると、animateメソッドはタイマーの複雑さを効果的に置き換えることができ、1行のコードを
animate({left:800}、2000、 "swing"、function(){alert( "executed" )})、{挿入されたプロパティ}、 "挿入されたメソッド"
パラメーター1:渡される必要があります:オブジェクト:実行する必要のあるアニメーションのプロパティ
パラメーター2:オプション、アニメーションの期間を表します
パラメーター3:オプション、遅いスイング均一速度線形
パラメーター4:オプション、アニメーション実行後のコールバック関数、コールバック関数は、ネストされたアニメーション、無制限のネスト、無制限の変更を追加することもできます

html関数
$( "#box")。html()
がパラメーターを受け取らない場合は、すべてのコンテンツ(タグを含む)を取得することを意味します。
パラメーターが渡される場合、それは設定コンテンツです(コンテンツにはタグが含まれ、タグが解析されます)、
追加関数の元のコンテンツが上書きされます
。KaTeX解析エラー:「EOF」が必要です。位置3に「#」があります。( "#̲box")。()
パラメータを使用して、ラベル、ただし作成されたラベルはメモリ内にのみ存在し、html()のように表示することはできません。
ページに表示する場合は、追加する必要があり、KaTeX解析エラーになります:「EOF」が必要です。位置3 :( "#̲box")。append(( "#box")。$( "Content"))
empty関数
ラベルをクリアし、現在のラベルにバインドされているイベントを一緒にクリアします$( "#box
")。空の()

attr関数
属性値を変更します
$( "img")。attr( "src"、 "images / aj2.jpg")
タグにこの属性がない場合は、
$( "img")。attr( "aaa"、 "aaaaa")aaaの変更がない場合は追加されます。
複数の属性を同時に操作することもできます。括弧内にaaaとsrcを
記述してください。属性値を追加せずに属性を追加すると、属性を取得できます。 undefind
removeAttr関数を返し、属性を削除します
$( "Img")。removeAttr( "attribute")を削除する
か、複数の属性を同時に削除できますが、スペースは同じ場所で開く必要があります
ラベル自体の選択された属性加えて、ユーザーが選択した場合未定義の
JQ1.6バージョンを取得した後、チェック、選択、無効などのブールタイプ(選択されただけ、または独自の設定で設定されていない)のプロパティattr関数を使用せず、prop関数を使用します

おすすめ

転載: blog.csdn.net/qwe863226687/article/details/114057231