jQuery
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&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...
-[[JavaScript初級者から中級者になろう：八章第一回 Range...
-ノード単位の選択はできるけど、中途半端な選択はできない。
**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.ca...
**リストをdata属性で操作する [#f7a36803]
-[[jquery sort list based on data attribute value - Stack...
-以下を実行するとリストがdata-positionでソートされて表示...
#pre{{
$(function() {
$(".listitems li").sort(sort_li).appendTo('.listitems');
function sort_li(a, b) {
return ($(b).data('position')) < ($(a).data('position...
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery...
<ul class="listitems">
<li data-position="3">Item 3</li>
<li data-position="2">Item 2</li>
<li data-position="1">Item 1</li>
<li data-position="4">Item 4</li>
</ul>
}}
-appendToはでは、選択した要素を他の要素に挿入した場合、移...
$( "h2" ).appendTo( $( ".container" ) );
*トラブルシューティング [#l1c56633]
**なぜか読み込まれない [#se778fb5]
-jQueryに限ったことではないが、空タグっぽい書き方だとだめ...
-[[scriptタグは空要素っぽく閉じると，FirefoxやIEで読んで...
終了行:
&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...
-[[JavaScript初級者から中級者になろう：八章第一回 Range...
-ノード単位の選択はできるけど、中途半端な選択はできない。
**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.ca...
**リストをdata属性で操作する [#f7a36803]
-[[jquery sort list based on data attribute value - Stack...
-以下を実行するとリストがdata-positionでソートされて表示...
#pre{{
$(function() {
$(".listitems li").sort(sort_li).appendTo('.listitems');
function sort_li(a, b) {
return ($(b).data('position')) < ($(a).data('position...
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery...
<ul class="listitems">
<li data-position="3">Item 3</li>
<li data-position="2">Item 2</li>
<li data-position="1">Item 1</li>
<li data-position="4">Item 4</li>
</ul>
}}
-appendToはでは、選択した要素を他の要素に挿入した場合、移...
$( "h2" ).appendTo( $( ".container" ) );
*トラブルシューティング [#l1c56633]
**なぜか読み込まれない [#se778fb5]
-jQueryに限ったことではないが、空タグっぽい書き方だとだめ...
-[[scriptタグは空要素っぽく閉じると，FirefoxやIEで読んで...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
