2010-03-20から1日間の記事一覧
前回は新しく要素を挿入するパターン。 今度は既に存在する要素を移動するパターン。 これも簡単。prependTo()、appendTo()、insertBefore()、insertAfter()がその関数群。 前回の関数が分かれば予想は簡単。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> </head></html>
今度は指定したセレクターの要素内、外に対する挿入、追加操作について。 これも簡単だなぁ〜。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { $("#div1").prepend("<span style='color: red'>要…</span></head></html>
今度はテキストではなくてHTMLとして操作する。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { //取り出す。 var div3text = $("#div3").text(); //テキスト var div3html = $("…</head></html>
タグの中のテキストを文字列として取得したり変更したりするメソッドについて。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { //取り出す。 var div1 = $("#div1").text(); var div2 = $("#d…</head></html>
前回までのjQuery関連では、セレクターを一通りやった。 次の段階として、セレクターで選んだオブジェクトに対して何らかの操作を行う方法について学習する。 ま、既に少しやってるんだけど。スタイルを変更するって形で。基本的なやり方は次の通り。 <script type="text/javascript"> $(fun</script>…
今週はとてつもなく疲れた。。 ほぼ毎日終電で自宅に帰って寝るだけの生活だったので平日の進捗はなし。 昼休みも机に突っ伏して寝てしまった。。 で、一段落したのでこの３連休はjQueryをやろうと思う！ 久々の学習だぜ♪
