タグ: jquery

http://james.padolsey.com/javascript/easing-in-jquery-1-4a2/

http://easings.net/ja

■属性自体を削除する
.removeAttr(“hoge”)

■class=”fuga”を持っていない要素を絞り込み
$(“hoge”).not(“.fuga”)

■現在のスクロール位置（縦）を確認
$(window).scrollTop()

■サブミット時
.submit(どうするこうする)

■要素の高さを取りたい時
.outerHeight( [ includeMargin ] )

The top and bottom padding and border are always included in the .outerHeight() calculation; if the includeMargin argument is set to true, the margin (top and bottom) is also included.

http://api.jquery.com/outerHeight/

・Chrome Safariで高さがきちんと取れない時
画像レンダリング前の高さになっている可能性アリ

$(document).ready(function()
を
$(window).load(function()
に変更する

http://productforums.google.com/forum/#!topic/chrome/V-Qd5B6GSLA

http://stackoverflow.com/questions/2501273/cant-get-true-height-width-of-object-in-chrome

ちなみに$(document).readyと$(window).loadの違いについて

【JavaScript】$(document).ready()？ $(window).load()？

http://webcraft.seesaa.net/article/169973277.html

開始時間の差を計測する（デバッグにつかえそう）
http://jsdo.it/kanonji/sbCI

■何番目の要素か取りたい時
$(ul#navi li).index(this)

$(セレクタ).index(セレクタの中のどれ？)というような指定になる。今回は、「リストの中のクリックしたもの」を表示させる。

ちなみに「index + 1」としているのは、要素の開始が０番目からなので、わかりやすいようにプラス１をしている。

http://h2ham.seesaa.net/article/118961430.html

全くもって覚えてないからremoveAttrをもっかい検索していた。[2017.06.23 add]

■後から動的に追加したインラインstyleを全て削除

jQueryで追加したstyle属性を全て削除する方法 – FEVDES BLOGFEVDES BLOG

jQueryで追加したstyle属性を全て削除する方法

JSでの関数の書き方って　
function(){…}
function hoge(){…}
var hoge = function(){…}
しか知らんかったのでカッコで始まる君に出会ったとき、困惑したよ。
君、無名関数って呼ばれてる子なんだってね。知らなかったよ。

以下、教えてもらったURL→たどった順に参考リンク

■無名関数について
http://blog.wonder-boys.net/?p=230
■jqueryプラグインのまじない文について
http://5509.me/log/using-jquery-safely
■jqueryプラグインのまじない文って無名関数らしいよ
http://d.hatena.ne.jp/initialize/20090526/p1
http://q.hatena.ne.jp/1226297257

利点は
・一回しか使わないとき、関数名とかいらないじゃん？というわけで不要な物いれなくてよくなる
・他のライブラリとの衝突を避けることができる
などなど。
へ～へ～へ～

参考おまけ
なにやら深い話がかいてありそう
http://journal.mycom.co.jp/column/js/001/index.html

[例3]は、さらに無名関数をその場で実行しているものだ。この書き方は、各種ライブラリの初期化処理などで多用されている。初期化処理(無名関数)内で多様な変数名が用いられたとしても、その外側で定義されている変数が影響を受けることは無い。

クロスブラウザ対応、スクロールに追従するパネルの3つの実装方法

クロスブラウザ対応、スクロールに追従するパネルの3つの実装方法

http://css-tricks.com/scrollfollow-sidebar/

http://coliss.com/articles/build-websites/operation/javascript/tutorial-scrollfollow-sidebar.html

＄使うのはJSの慣習だそうな。

function $(e) {
return document.getElementById(e);
}

WindowOnLoad
= function () {
$(‘btn_show’).onclick = ShowMessage;
};
見た目てきにもまぁわかりやすいので慣例的に $() 関数をこのように要素取得関数に当てることが多いです。

http://d.hatena.ne.jp/dayflower/20080516/1210917670
だって。

jquery
アンカーリンクをurlに反映させずにページ内遷移だけやるやつ

http://d.hatena.ne.jp/dayflower/20081007/1223358033