【jQuery入門】next(),nextAll(),siblings()で兄弟要素を取得する！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、jQueryで兄弟要素（同階層）を取得するための「next()」メソッドについて学習をしていきましょう！ この記事では、 ・「next()」とは？ ・next()の使い方 ・next()の注意点 という基本的な内容から、 ・「nextAll()」とは？ ・「prev()」とは？ ・「siblings()」とは？ などの応用的な使い方に関しても解説していきます。 この記事で、jQueryのnext()メソッドをしっかり学習して自分のスキルアップを目指しましょう！ 「next()」とは？ それでは、まず最初に「next()」メソッドの基本的な知識から勉強を進めていきましょう！ 「next()」は、同じ階層にある要素を取得できるのですが、対象要素の次に配置されている要素だけを取得するのが特徴です。 例えば、次のようなHTMLをイメージしてください。 <
InternetExplorerでinputにつく×は::-ms-clearでスタイル適用
InternetExplorer10以上で、１行テキストボックスのinput type=”text”へ文字を入力する表示されるようになった×ボタン。 これを押すと、入力されている内容をクリアできるのですが お客さんから、違和感があるから消してほしいと要望があったり テキストボックスの枠を大きめにすると、×が大きく表示されすぎて目立ちすぎたりと 初期設定のままでは何かと使いにくい場面の多い機能です。 このクリアボタンは、::-ms-clearの擬似要素でcss制御できます。 ※InternetExplorer10以上でご覧ください。 試してみたところ。:hoverも組み合わせられました。 <div class="sample"> <input type="text"> </div> <div class="sample"> <input type="text" class="custom">
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
