( ゜▽゜)/こんばんは!
知らないうちにjQueryが1.4になってました!
jQuery Version 1.4
新しいメソッドがいくつか増えたみたいなのでちょっと実験。
☆clearQueue()
とりあえず本家のサンプルちょっとお借りしてと。。。
Start押すと以下の流れで動作します。
1:現れる
2:四角が右へ移動
3:色を青へ
4:四角が左へ移動
5:色を緑へ
6:消える
stop()を使うと、今の動作をキャンセルして次の動作へいくので
右に動いているとき(1)に押すと、青になって左へ移動して消えますw(2〜6)
clearQueue()はQueueに入っている実行前の動作を全てキャンセルするようです。だから、右に動いている時(1)に押すと、実行前の動作(2〜6)がキャンセルされて、右に移動して終わりです。
※多分clearで元に戻ると思うんで適当に遊んでみてください^ー^
☆jQuery.contains()
実験、実験、、、、、
第一引数のDOM Nodeに第二引数のDOM Nodeが含まれているか否か。
四角(外)の中に☆(中)が入っているか→true
☆(中)の中に四角(外)が入っているか→false
#関係ないけど中見たらこんな風に呼び分けてるんだ!
#また一つ大人になりましたとさ
ちなみに、引数を間違ってj$('〜')にしちゃうと
compareDocumentPositionが無いからだめですw
あ〜あ
とりあえず時間なくなっちゃったから残りはまた明日だなぁ
二個しか見れなかったww
明日は早く帰ってこれればいいけど・・・
*delay()はこちら
JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
著者:Douglas Crockford
販売元:オライリージャパン
発売日:2008-12-22
おすすめ度:
クチコミを見る
JavaScript 第5版
著者:David Flanagan
販売元:オライリー・ジャパン
発売日:2007-08-14
おすすめ度:
クチコミを見る
知らないうちにjQueryが1.4になってました!
jQuery Version 1.4
新しいメソッドがいくつか増えたみたいなのでちょっと実験。
☆clearQueue()
とりあえず本家のサンプルちょっとお借りしてと。。。
j$(document).ready(function(){ j$('#start').click(function(){ j$('#que').show('slow'); j$('#que').animate({left:'+=200'},3000); j$('#que').queue(function() { j$(this).css({background:'blue'}); j$(this).dequeue(); }); j$('#que').animate({left:'-=200'},1000); j$('#que').queue(function() { j$(this).css({background:'green'}); j$(this).dequeue(); }); j$('#que').slideUp(); }); j$('#stop').click(function(){ j$('#que').stop(); }); j$('#clearqueue').click(function(){ j$('#que').clearQueue(); }); j$('#clear').click(function(){ j$('#que').css({ left: '', top: '', display: 'none', background: 'green' }); }) });
Start押すと以下の流れで動作します。
1:現れる
2:四角が右へ移動
3:色を青へ
4:四角が左へ移動
5:色を緑へ
6:消える
stop()を使うと、今の動作をキャンセルして次の動作へいくので
右に動いているとき(1)に押すと、青になって左へ移動して消えますw(2〜6)
clearQueue()はQueueに入っている実行前の動作を全てキャンセルするようです。だから、右に動いている時(1)に押すと、実行前の動作(2〜6)がキャンセルされて、右に移動して終わりです。
※多分clearで元に戻ると思うんで適当に遊んでみてください^ー^
☆jQuery.contains()
実験、実験、、、、、
j$('#contains1').click(function(){ alert( j$.contains(document.getElementById("outerdiv") , document.getElementById("innerp")) ); }); j$('#contains2').click(function(){ alert(j$.contains(document.getElementById("innerp"), document.getElementById("outerdiv"))); });
☆
第一引数のDOM Nodeに第二引数のDOM Nodeが含まれているか否か。
四角(外)の中に☆(中)が入っているか→true
☆(中)の中に四角(外)が入っているか→false
#関係ないけど中見たらこんな風に呼び分けてるんだ!
#また一つ大人になりましたとさ
var contains = document.compareDocumentPosition ? function(a, b){ return a.compareDocumentPosition(b) & 16; } : function(a, b){ return a !== b && (a.contains ? a.contains(b) : true); };
ちなみに、引数を間違ってj$('〜')にしちゃうと
compareDocumentPositionが無いからだめですw
あ〜あ
とりあえず時間なくなっちゃったから残りはまた明日だなぁ
二個しか見れなかったww
明日は早く帰ってこれればいいけど・・・
*delay()はこちら
JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
著者:Douglas Crockford
販売元:オライリージャパン
発売日:2008-12-22
おすすめ度:
クチコミを見る
JavaScript 第5版
著者:David Flanagan
販売元:オライリー・ジャパン
発売日:2007-08-14
おすすめ度:
クチコミを見る