&tag(jQuery);
*目次 [#e840b8da]
#contents
*参考情報 [#w6217b0a]
-[[jQuery:http://jquery.com/]]

*インストール [#j825d585]
-http://code.jquery.com/jquery-1.9.1.min.js をダウンロード。


*Tips [#ob2a5daf]
**テキストを選択する [#u7299ab2]
-[[select - JQuery: Selecting Text in an Element (akin to highlighting with your mouse) - Stack Overflow:http://stackoverflow.com/questions/985272/jquery-selecting-text-in-an-element-akin-to-highlighting-with-your-mouse]]
-[[JavaScript初級者から中級者になろう:八章第一回 Rangeとは:http://uhyohyohyo.sakura.ne.jp/javascript/8_1.html]]
-ノード単位の選択はできるけど、中途半端な選択はできない。

**DOM操作後のHTMLを確認する [#zce3b4ac]
-Chromeならば、デベロッパーツールでDOM要素を表示すれば見られる。
*指定要素にスクロールさせる [#cde4cfd5]
-ScrollTo('keyword')のように指定する(id=keyword)。
#pre{{
    function ScrollTo(element) {
        var text = document.getElementById(element);
        var p = $(text).offset().top;
        $('html,body').animate({ scrollTop: p });
  }
}}
-html,bodyを指定しているのは、クロスブラウザ対応のためだけど、副作用があるみたいなので注意。
[[jQueryで画面をスクロールさせる時の注意点:http://less.carbonfairy.org/post/941824993]]
*トラブルシューティング [#l1c56633]
**なぜか読み込まれない [#se778fb5]
-jQueryに限ったことではないが、空タグっぽい書き方だとだめ。"</script>"が必要。
-[[scriptタグは空要素っぽく閉じると,FirefoxやIEで読んでもらえない ::ハブろぐ:http://havelog.ayumusato.com/develop/html/e216-script_tag_should_not_self-close.html]]

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS