2013-08-18から1日間の記事一覧

Webサイト制作におけるjQueryの基本的なメソッド6 - wrap()とremove()

今回はwrap()メソッドとremove()メソッドについて確認する。その前に、ここまでは既にHTML内にある要素を指定してそれを操作するという方法で確認等を行ってきたが、同じような書き方で、新しく要素を作って、それを操作するということができる。記述方法は…

Webサイト制作におけるjQueryの基本的なメソッド5 - before()とafter()

前回に引き続き、今回はbefore()メソッドとafter()メソッドについて確認する。 before()メソッド 以下、挙動確認コード。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>before()メソッド</title> <style> body, div, p, li { margin: 10px; padding: 0; } #done { background: #0F0; } #dtwo { width: 200px; backgr</meta></head></html>…

Webサイト制作におけるjQueryの基本的なメソッド4 - prepend()とprependTo()

前回に引き続き、今回はprepend()メソッドとprependTo()メソッドについて確認する。機能の概要は既に(前回)書いたので割愛する。挿入される位置が異なる以外は、append()メソッドおよびappendTo()メソッドと同じ機能なので、前回の記事を見て頂いた人は特…

Webサイト制作におけるjQueryの基本的なメソッド3 - append()とappendTo()

今回からは、Webサイト制作のコーディングにおいて用いるjQueryの基本的なメソッドの中でも、要素の移動や挿入(追加)する機能をもつメソッドをまとめていく。 要素を移動・挿入(追加)する機能をもつ基本的なメソッド append()メソッド:指定した要素内(…

Webサイト制作におけるjQueryのメソッドの書き方あれこれ

ここ数回に渡ってjQueryの基本的なメソッドについてまとめてきたが、正しい書き方(意図した通りに処理される書き方)がやや曖昧なので、一度確認しておく。以下、確認コード。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>メソッドの書き方あれこれ</title> <style> body, div, p, li { margin: 10px; padding: 0;</meta></head></html>…