jQueryでDOM要素の削除 - 星屑日記
jQueryを使ってDOM要素を削除しようとしたときにかなり戸惑ったのでメモ代わりにブログ更新。jQueryにはDOM要素を削除するためのメソッドが2つあってremove()とempty()がそれ。 remove()：それを呼び出したDOM要素自体とそのすべての子要素を削除する。 empty()：それを呼び出したDOM要素のすべての子要素を削除する。 大まかな理解はこれで合ってるのかな。でもjQueryオブジェクトは残るとか書いてあるし、深いところはわからない。具体的には、 <body> <div id="div1"> div1要素 <p>div1要素の子要素1</p> <p>div1要素の子要素2</p> <p>div1要素の子要素2</p> </div> </body>に対して $("#div1").remove();を実行すると、 <body> </body>となり、また以下のように
整数の絶対値の求め方の比較 - スクリプト速度実験ブログ
JavaScriptやPHPの処理速度チェックです。都合により、Mac OS Xでのみチェックしています。
jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。
[JavaScript] JQuery でタグ生成 at technote
こちらの記事を読んで『へーーー』と思ったのでメモ。 最近少しだけ触っている JQuery でタグを生成する時には下記のように .attr() を連なって書いていた。 $('<div/>').attr('id', 'XXXX').attr('class', 'YYY ZZZ').attr('name', 'AAAAA'); これが下記のようにも書けるとの事だ。 $('<div/>', {id: 'XXXX', class: 'YYY ZZZ', name: 'AAAAA'})); 見た目がスッキリして見やすく、かつ分かりやすい。。しかも『適切にエスケープしてくれる』とのことなので今後はこっちを主に使ってみようと思った次第。ただ気になったのが『速度面で不利』との記述。ちょっと自分が使う範囲内で試してみようかなと。 ■ 実験 10000 個のタグ生成に掛かった時間を計測してみる。 $(docum
jQueryのAjaxでxmlをパースする - omnioo lab.
xmlのパースは今までphpのsimple_xmlみたいなものを使ってきましたが、なかなかこれだけでは仕事にならないというのもあって、最近はAjaxで処理してしまうという頻度が非常に増えています。実際はHTMLに吐き出される情報がローカルのみなのでHTMLソース時代には何も書かれていないというのが、問題なんだか問題じゃないんだか、むしろその方がいいのか...って話ですが、いわゆる素人さんにはそんなこと全然関係なくて、ただただ見てくれがいいという問題が最終的な落とし所になるので、Ajaxでいいじゃないかということになります。 $.ajaxメソッドを使う jQueryでxmlをパースするときは、$.ajaxメソッドを使います。かなり楽チンです。このメソッドはjQueryのプラグインみたいに使える（というか、Pluginはメソッドなのですが）ので、適当なオプションを与えるだけでかなり簡単に使え
[jQuery] find()とchildren()の使い分け | きほんのき
jQueryのメソッドfind()とchildren()は、ともに指定した要素が持つ子要素を取得するためのものですが、children()が直下の要素だけを取得するのに対し、find()は全ての子要素を探索するという違いがあります。両者の違いと使い方についてまとめました。 //html example <div> <dl> <dt>カテゴリー</dt> <dd><a href="./foo.html">foo</a></dd> <dd><a href="./bar.html">bar</a></dd> <dd><a href="./hoge.html">hoge</a></dd> </dl> </div> find()は強力な検索機能を持っています。例えば上のhtmlのdivの中から、一番最後のリンク先を取得したい場合、このようなコードで可能になります。 var a = $("div").
jQueryのappendパターン :: 5509
appendで追加するあれやこれのパターン。別に珍しいことないですよくある光景です。appendだけじゃなくてhtmlとかafterとかそゆのでも使えます。まあ何で使えるかっていうのはjQueryのドキュメント見てください jQueryオブジェクト まあ普通はこれですよ。 var hoge = $("#hoge"); $("#fuga").append(hoge); とか極端な例だけど $("#hoge").append( $(" ") .append( $("") .attr("href", fuga) .text(piyo) ) ); みたいなの HTML要素 これもあるある。 $("#hoge").append( "
“use strict”（厳格モード）を使うべきか？｜もっこりJavaScript｜ANALOGIC（アナロジック）
変数の使用の単純化 withの使用の禁止 strictモードではwith文が使えなくなります。代替の手段としては、オブジェクトに短い名前の変数を割り当てて、その変数を用いて対応するプロパティにアクセスすることができます。 eval内で宣言された変数のスコープ 非strictモードでは、eval("var x ;")の様に、eval関数内で定義された変数のスコープは、evalが含まれるスコープ（関数、またはグローバルスコープ）まで広がりますが、strictモードでは、eval内で定義された変数を周囲のスコープに広げません。 単純名の削除の禁止 strict モードでは delete name を構文エラーにします evalおよびargumentsの単純化 strictモードでは「eval」「arguments」という名前がキーワードとして扱われるため、これらのキーワードに対して言語構文でのバ
HaxeとTypeScriptを両方使ってみた感想 - ジンジャー研究室
型付きAltJSとして名高いHaxeとTypeScriptですが、両方使ってみたので比較しながら感想でも書こうかなということで。 あくまで自分の使ってみた範囲でしか話せないのでご容赦を。 執筆時点での両者のバージョンは、Haxe2.1/TypeScript0.8で、もうすぐHaxe3.0/TypeScript0.9が出ようというところ。 JavaScriptの標準的な関数の使用 当然ながらTypeScriptの圧勝。 TypeScriptはJavaScriptの拡張として実装されているので、コピペすれば大体動く。 HaxeはJavaScriptだけでなく、ActionScript、Java、C#などもターゲットにしているため、JavaScriptで普段やっていることをやるためには外部クラスをインポートする必要がある。 // Haxe import js.Lib; ... Lib.alert
ScaleOut | Supership
日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。
11 | 3月 | 2009 | PAOLOG
モコモコつうしん スコティッシュフォールド「モコ」の日々の様子を写真と動画で紹介してます。もうメロメロ♡ ねこと赤ちゃんの初めての遭遇 2015.02.23(Mon.)
JSONPとは コンピュータの人気・最新記事を集めました - はてな
JSON with paddingの略 Javascriptの非同期通信でよく使われるXMLHttpRequestオブジェクトにはSame-Originポリシーが存在し、クロスドメインアクセスができない。 一方，scriptタグを用いると，ドメインの異なるサーバに置いているスクリプトファイルを読み込むことができる。この仕組みを利用し、scriptタグのsrcに、データを取得できるAPIのURLを指定し，ドメインの異なるサーバからデータを取得する仕組みの総称として、JSOPという言葉が使われる。JSONP用のAPIでは、関数名＋取得データをjson形式で表記して引数とした形式(例.callbackFunc({id:1000,name:aaa}))のレスポンスが一般的で、APIから返されるコールバック関数と同じ名前の関数(callbackFunc(jsonData))をクライアント側で定義して
jQueryのDeferredとPromiseで応答性の良いアプリをー基本編 | ゆっくりと…
jQuery 1.6 が既にリリース されていますが、1.5 で追加された Deferred を勉強する意味で、Script Junkie から Creating Responsive Applications Using jQuery Deferred and Promises を翻訳してみましたので、共有したいと思います。著者の Julian Aubourg は、jQuery のコアチーム・メンバーとして、Ajax モジュールの書き換えと Deferred 導入を指揮した方だそうです。 記事の途中、各メソッドの説明部分は、jQuery ドキュメントの翻訳に差し替えていますので、リファレンスとして使ってもらうのも良いかと思います。 Deferred や Promise は、概念や用語が少々分かりにくいところがあるかと思いますので、読んでくださった方の、少しでも理解の助けになれば幸いです
jQueryのDeferredを用いたモダンなAjax処理の書き方
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
DTP・Web・Videoのスクール ジャグラショートカット スキルアップブログ
スタッフAです。久しぶりの投稿となりました。 2025年度から、気を引き締めてブログの更新も頑張ってまいります！ 6月だというのに、東京は長袖が手放せないほど涼しい日々が続いています。 これから夏に向けて一気に気温が上昇しそうですが、暑さに慣れないうちは体調を崩しがちなので、気をつけてまいりましょう。 さて、ジャグラショートカットは本日、2025年9月30日までの開講スケジュールを公開しました。 Illustrator, Photoshop, InDesign, Premiere Proなどのアドビ製品の初心者向けトレーニングを中心に受講者の方を募集します。 受講は希望しているが開講日程と仕事の都合が合わない方は、2名以上のお申し込みで別日程で開催スケジュールを組むことも可能ですので、お気軽にご相談ください！ www.jagra.or.jp スタッフAです。 JaGraプロフェッショナルD
jQuery入門講座 使い方-readyイベント
索引 ├ 使い方 目次 └ バグノート(1) 1章：jQuery入門 ├ jQueryのメリット ├ readyイベント ├ オブジェクトについて ├ メソッドについて ├ 情報の取得 ├ イベント(1) ├ イベント(2) └ 初歩なサンプル 2章：jQuery基礎 ├ thisについて(1) ├ thisについて(2) ├ jQueryとDOM要素 ├ 簡単な演出 ├ thisから辿る ├ 汎用的なアニメ(1) ├ 汎用的なアニメ(2) ├ アニメの停止 ├ アニメを管理する仕組み └ 汎用的なアニメ(3) 3章：jQuery発展 ├ イベントフロー(1) ├ イベントフロー(2) ├ イベントフロー(3) ├ 画像のプリロード ├ jQueryの高速化 └ メソッドチェーン 番外編：研究 ├ イベントを外す ├ cssアニメとの連携(1) ├ cssアニメとの連携(2) ├ cssア
)
チュートリアル: JavaScript で最近のアプリの SOAP エンドポイントを使用する
公開日: 2016年11月 対象: Dynamics CRM 2015 このチュートリアルでは、Web リソースの SOAP エンドポイントで使用するための JavaScript ライブラリの作成方法を示します。 この時点で、Microsoft Dynamics CRM 2015 および Microsoft Dynamics CRM Online 2015 更新プログラム は、SOAP エンドポイントを使用してメッセージを呼び出すために使用できる JavaScript ライブラリを提供していません。 このチュートリアルでは、組織のサービスの Execute メソッドを使用する Assign メッセージのための JScript ライブラリを作成する方法を説明します。Execute メソッドを使用するその他のメッセージについても同様です。 メッセージのための JavaScript ライブラリを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
本が出ました - jQuery 日本語リファレンス
株式会社アークウェイ – Archway-Consulting Service-
http://backbonejs.org/docs/todos.html