jQuery

jQuery UI, Draggable

draggable() するだけでドラッグできるようになるとは、便利な世の中になったなぁ。 $(function() { $("#draggable").draggable(); }); http://jqueryui.com/demos/draggable/#default

jQuery, Dragable Droppable, Sortable

jQuery のドラッグ&ドロップなど UI 関係は、jqueryui.com の方を見れば良いようだ。 http://jqueryui.com/ http://jqueryui.com/demos/ jQuery UI - Documentation: UI/Developer_Guide このドキュメント&デモのページが良いな。実際にサンプルを試せる、…

jQuery セレクタ、イベント、操作

$(セレクタ) でノード選択、DOMノードをラップしたようなjQueryオブジェクトが返ってくるので、 ready(...) や click(...) みたいなイベント系の API でイベント処理を登録したり、 addClass(...) や css(...) みたいな API で class 属性値追加したり、スタ…

jQuery( fn ), $( fn )

jQuery では $(document).ready( 関数 ); で DOM 構築完了後のイベント処理を記述できるってのがチュートリアルの最初に出てくる。 $(document).ready(function(){ alert("Hello, World!"); }); jQuery の ready イベントの API ドキュメント http://docs.jq…

jQueryってなに?

最近はこの手の JavaScript ライブラリを使うのが流行りらしい。DOM などローレベルの API を直接叩く JavaScript をガリゴリ書かず、DOM とかをラップした、やりたいことレベル・高レベルの API を提供してくれる JavaScript ライブラリを使う。AJAX サポー…

jQuery のソース読み

jQuery のチュートリアルやりつつ、中で何やってるかソースを見てる。 まずそもそも JavaScript の細かい文法がわからんという大問題があるんやけど、本を買うべきか微妙な時期なので(7月以降もウェブ系やるかわからん/ボーナスの額がわからん/他に買いた…

jQuery, Hello World

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jQuery</title> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(funct…</meta></head></html>