JavaScript
jQuery

jQuery開発者が一度は読むべきStackOverflow

More than 3 years have passed since last update.


jQuery開発者が一度は読むべきStackOverflow


10. Checking if an element is hidden

http://stackoverflow.com/questions/178325/checking-if-an-element-is-hidden


  • jQueryで要素が隠れているかどうかを条件分岐で判断する際のベストプラクティスについて


9. How can I make a redirect page using jQuery?

http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-using-jquery


  • jQueryでリダイレクトを行う際の手法

  • ベストアンサーの説明が簡素にまとまっていてわかりやすい


Query is not necessary, and window.location.replace(...) will best simulate an HTTP redirect.

It is better than using window.location.href =, because replace() does not put the originating page in the session history, meaning the user won't get stuck in a never-ending back-button fiasco. If you want to simulate someone clicking on a link, use location.href. If you want to simulate an HTTP redirect, use location.replace.



8. event.preventDefault() vs. return false

http://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-false



  • e.preventDefaultの使いドコロが難しい


return false from within a jQuery event handler is effectively the same as calling both e.preventDefault and e.stopPropagation on the passed jQuery.Event object.



7. $(this) selector and children?

http://stackoverflow.com/questions/306583/this-selector-and-children


  • ターゲットとその子要素を取得するためのベストプラクティス

  • コメントの中で、「jQuery("img", thig)jQuery(this).find("img");をラップして作っているのだから、後者のほうが早い」と書いてある(実際のほどは未検証)


// 1.
jQuery("img", this);

// 2. 1.と同様
jQuery(this).find("img");

// 3. 子要素のみ
jQuery(this).children("img");


6. How to return the response from an asynchronous call?

http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-asynchronous-call


  • Ajax通信はいつどこでも完全に使いこなすにはやはりある程度の実務経験が必要な気がする

  • ベストアンサーは結構長いけれど一見の価値はある


5. Abort Ajax requests using jQuery

http://stackoverflow.com/questions/446594/abort-ajax-requests-using-jquery


  • 引き続いてAjax系

  • "Most of the jQuery Ajax methods return an XMLHttpRequest (or the equivalent) object, so you can just use abort()."

  • いろいろ悩んだ挙句に、やっぱり最期は正式なドキュメントみてね、ってリンクが張ってあるものがベストアンサーになっている例がおおい気がする。。。ドキュメントしっかり読みましょうってことですかね


4. jQuery scroll to element

http://stackoverflow.com/questions/6677035/jquery-scroll-to-element


  • jQueryでのスクルールイベントってほんと人気ですよね、たぶん簡単な割にわかりやすいアニメーションやUXが実現できるからでしょうか

  • わりと基本的なことが書いてある


3. $(document).ready equivalent without jQuery

http://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery


  • なんとなくおまじないがちに使いがちな「$(document).ready」をしっかり理解したくて辿り着いた


2. What is the best way to add options to a select from an array with jQuery?

http://stackoverflow.com/questions/170986/what-is-the-best-way-to-add-options-to-a-select-from-an-array-with-jquery


  • JSONオブジェクトをjQueryで扱うことは多い

  • 定石となる方法は、やはり現場に出ると先輩から教えてもらったり他のサンプルコードから少しずつ蓄積していくのが一番の近道だと思う


// JSONオブジェクトがあるとする
selectValues = { "1": "test 1", "2": "test 2" };

// それを<option>として追加するベストプラクティス
$.each(selectValues, function(key, value) {
$('#mySelect')
.append($("<option></option>")
.attr("value",key)
.text(value));
});


1. window.onload vs $(document).ready()

http://stackoverflow.com/questions/3698200/window-onload-vs-document-ready


  • あらためて$(document).ready()について

  • JavaScrioptのwindow.onloadとjQueryの$(document).ready()の違い


The ready event occurs after the HTML document has been loaded, while the onload event occurs later, when all content (e.g. images) also has been loaded.

The onload event is a standard event in the DOM, while the ready event is specific to jQuery. The purpose of the ready event is that it should occur as early as possible after the document has loaded, so that code that adds functionality to the elements in the page doesn't have to wait for all content to load.



姉妹記事

JavaScript開発者が一度は読むべきStackOverflow

jQuery開発者が一度は読むべきStackOverflow

Node.js開発者が一度は読むべきStackOverflow【初級編】