jQueryライブラリ実践演習
bタグを含むすべての段落pをdivタグで囲んでください。
クラスwwwを持つすべての段落pを検索し、それらの先頭にテキスト'!'を追加し、次にこれらの段落に加えて見出しh1-h6も選択し、これらの段落と見出しを赤色に変えてください。
すべての段落pを検索し、同じ内容を持つdivタグに置き換えてください。
無効化されていないすべてのチェックボックスに「チェック済み」のステータス'checked'を設定してください。
要素#testが与えられます。その直上の隣接要素にテキスト'!'を、直下の隣接要素にテキスト'?'を設定してください。この問題を一つのチェーンで解決してください。
要素#testが与えられます。その直上と直下の隣接要素に、要素#testのテキストを設定してください。
要素#testが与えられます。その上側の隣接要素の中から最も近い段落を見つけ、その段落に要素#testのテキストを設定してください。
ページ上の2番目のliを検索し、それにクラスwwwを追加し、iタグで内側から囲み、その後ろにテキストが'こんにちは'のliを挿入してください。
ページ上の10番目のliを検索し、その親要素を見つけ、親要素の直上の隣接要素を取得し、それを<div class="www"></div>で囲んでください。
クラスwwwを持たない段落pを除く各段落の末尾に、その順序番号を追加してください。
すべての段落pを検索し、各段落の前にそのコピーを置いてください。コピーは赤色に、元の段落は緑色に変えてください。
h2の直下にある段落pを検索し、各段落をh2の直上に移動するようにしてください。
空の段落（テキストのない）pをすべて検索し、その直上の隣接要素のテキストを挿入してください。
bタグの親要素が、クラスwwwを持つ要素または段落pである場合、その親要素を赤色にし、テキストサイズを30pxに設定してください。
すべての空の段落pに、それらの上側で最も近いh2タグのテキストを設定してください。
数字が入力された入力フィールドがあります。入力フィールドにその数の2乗が表示されるようにしてください。
要素#testが与えられます。その先頭に直上の隣接要素のテキストを、末尾に直下の隣接要素のテキストを設定してください。
要素#testが与えられます。その上側の2番目の隣接要素と下側の2番目の隣接要素を見つけてください。見つけた要素がテキストを交換するようにしてください（上側の隣接要素が下側の隣接要素のテキストを、下側の隣接要素が上側の隣接要素のテキストをそれぞれ取得する）。
div要素が与えられます。その直下の子要素のうち、見出しではないすべての要素を選択し、それらを赤色に変えてください。
すべての段落pを検索し、赤色に変えてください。次に、検索された段落の中からクラスwwwを持つ段落を選択し、それらにテキスト'!'を設定してください。
クラスwwwを持つすべての段落pを検索し、それらを赤色に変えてください。次に、検索された段落の中から最初のものを選択し、それにテキスト'!'を設定し、最後のものを選択し、それにテキスト'?'を設定してください。この問題を一つのチェーンで解決してください。
すべての段落pを検索し、各段落の末尾に、その段落内にあるテキストと同じテキストを追加してください（つまり、段落内のテキストが2回書かれるようになります）。
すべての段落pを検索し、各段落の末尾に、そのセット内での順序番号を追加してください。
数字が書かれた段落があります。各段落の末尾に、その段落に格納されている数値にセット内での順序番号を掛けた数値を追加してください。
段落pがクリックされたとき、その直上と直下の隣接要素を削除してください。
段落pがクリックされたとき、その上側の隣接要素のうち、最初の見出しh1-h6に到達するまでのすべての要素を削除してください（つまり、その見出しより上にある要素と見出し自体は削除しないでください）。
段落pがクリックされたとき、その下側で最も近い隣接要素のうちクラスwwwを持つものを削除してください。
段落pがクリックされたとき、その下側の5番目の隣接要素を削除してください。
段落pがクリックされたとき、その下側の5番目の隣接要素がh2でない場合のみ、その要素を削除してください。
段落pがクリックされたとき、その下側の5番目の隣接要素が内部にbタグを含まない場合のみ、その要素を削除してください。
段落pがクリックされたとき、その下側の5番目の隣接要素がh2の直後に位置していない場合のみ、その要素を削除してください。
要素#testが与えられます。この要素とその直下の隣接要素を入れ替えてください。
要素#testが与えられます。その直下の隣接要素の後に、この要素のコピーを挿入してください。
要素#testが与えられます。この要素と、その下側で最も近い隣接要素のうちクラスwwwを持つものを入れ替えてください。
同じ親要素内で、1つのh2と別のh2の間に位置するすべての段落pを検索してください。
各段落pを、外側と内側の両方からdivで囲んでください。
直近の親要素がdivでないすべての段落pを検索し、それらをそれぞれ<div class="www"></div>で囲んでください。
すべての段落pを検索してください。その親要素がクラスwwwを持つdivでない場合、その親要素を削除してください（unwrapします）。次に、親要素が削除された段落について、クラスzzzを持つdivで囲んでください。
要素#testのすべての親要素を検索し、それらの親要素のCSSクラスからなる配列を作成してください。
class属性を持つすべての段落pを検索し、それぞれを、検索された段落と同じクラスを持つdivで囲み、各段落のクラスをclass属性ごと削除してください。
#test内のすべての段落pを検索し、それらの末尾にテキスト'!'を追加してください。次に、検索された段落からクラスwwwを持つ段落を除外し、残った段落を赤色に変えてください。
ページ上のすべてのliを検索し、検索された要素の中で最後から2番目の要素の前に、テキストが'項目'のもう1つのliを挿入してください。
ページ上のすべてのliを検索し、検索された要素の中から、後ろから2番目、3番目、4番目の要素を選択し、それらにテキスト'!'を設定してください。
#testを持つolを検索し、その中のすべてのliの順序を逆に並べ替えてください。
要素#testが与えられます。その上側のすべての隣接要素と下側のすべての隣接要素を見つけ、それらの位置を入れ替えてください（つまり、要素の前にあったすべてがその後に、その逆になるようにします）。
クラスwwwを持つすべてのliを取得し、それらを赤色に変えてください。次に、取得された要素の中からクラスbbbを持つliを見つけ、それらを削除してください。すべてを一つのチェーンで解決してください。
ページ上のすべてのliを取得してください。取得された要素のうち偶数番目のものを空にし、奇数番目のものを削除してください。
すべてのdivタグを検索し、それらの高さを2倍にしてください。
ページ上のすべてのdivの高さの合計を求めてください。
要素#testについて、クラスwwwを持つ最も近い親要素を見つけ、その親要素の末尾にテキストが'!'の段落を追加してください。
要素#testがクリックされたとき、その最も近い親要素でクラスwwwを持つものを見つけ、その親要素内のすべての段落を検索し、それらを赤色に変えてください。
ページ上の最初の10個のliを赤色に変えてください。
ページ上の5番目から10番目までのliを赤色に変えてください。
ページ上の最後の10個のliを検索し、それらを赤色に変えてください。次に、検索された要素の中から偶数番目のliを見つけ、それらをbタグで内側から囲んでください。
ページにチェックボックスが配置されています。そのうち何個がチェックされているかを数えてください。
チェックされているすべてのチェックボックスの状態が未チェックに、未チェックのものの状態がチェック済みに反転するようにしてください。
入力フィールドが与えられます。value属性の内容をplaceholder属性に移動し、value属性自体は完全に削除してください。
リンクが与えられます。href属性がhttp://で始まる場合、そのリンクにtarget="_blank"属性を追加してください。
