jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた – bl6.jp
jQueryでHTML要素を追加するメソッドが色々あるので整理するために、ちょっとまとめてみました。似たようなメソッドの名前なので混乱しそうです。大きく分けるとbefore,after,prepend,appendと、insertBefor,insertAfter,prependTo,appendToが似ているのでそれらの違いをまとめてみます。 before, after, prepend, append 挿入先の要素を基点にした場合、beforeとafterは外側に挿入されます。逆にprependとappendは挿入先要素の内側に挿入されるんですね。使い方は以下です。 JavaScript <script type="text/javascript"> $(function(){ $('#sample') .before('<div>before</div>') .after('<div
【17選】要素をひっくり返す動作や本をめくる動作を実装するjQueryプラグイン | Stronghold Archive
どうもこんばんは。今回のtips【17選 要素をひっくり返す動きや本をめくる動きを実装するjQueryプラグイン】です。海外ブログからとても便利そうなプラグインを見つけたのでメモです。ちなみにこの「ひっくり返る」という動きは、「くるっと要素が回転し背面が見える」という動きになります。 Flip – 要素をひっくり返す動き 以下、個人的に使えるなぁと思った順番です。一部pluginを使わない物も含まれています。これらの動きを応用した「本をめくるアニメーション」は続けてリストとしています。 1.Flippy 動きがスムーズなプラグインです。Chrome,Firefox,Opera,OperaIE8に対応しているそうです。ただし要素を変形させる訳ではないようですので細かい部分でしたら他のプラグインが有利かもしれません。 2.Flip! 上のflippyと挙動等ほとんど変わりません。対応はFire
jQueryでjsonデータを扱ってみる【入門編】
Posted: 2010.07.25 / Category: javascript / Tag: jQuery, json javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。 似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。 そこで入門編と題して（入門編しかない!）改めて基礎から勉強していけたらと思います。 とにかくシンプルなjson jsonデータは基本は外部から読み込むことになりますが、練習なのでとりあえずjavascript内の変数内に直に書きます。 「:（コロン）」で区切ったキーと値を一組として、２組目を「,（コンマ）」で区切って記述していきます。 それらを{}で囲むことで一つのオブジェク
jQueryでJSONのデータ取得し、テーブルに表示する
JSON形式のデータを取得して、alertに出来るようになりましたが・・・ jQueryでJSONのデータ取得 これではあまり面白みがないので、取得したデータをテーブルに表示してみます。 データの準備 data/sample.jsonというファイルを用意し、中身を以下のように記載しました。 <html> <head> <title>js sample</title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> //画面構築完了後 $(function() { //ボタンのクリックイベントで $("#btn_1").click(function(){ //data/sample.jsonのデータを取得し、jsonというオブジェクトに入れる $
Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました
いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？ << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 （※大人の事情により、リンクはやむなく削除しました） 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
