-4

一部の CSS コードを JavaScript に適合させる必要があります。

次のコードがあり、 javascript オブジェクトの.styleを使用して、それを javascript オブジェクトに適応させる必要があります。

属性ではうまくやっていますが、セレクターでは（とにかく呼び出すために）JavaScriptアクションで開発する必要があります:)

.cr-container input:checked ~ .cr-bgimg div span{
    -webkit-animation: slideOut 0.6s ease-in-out;
    -moz-animation: slideOut 0.6s ease-in-out;
    -o-animation: slideOut 0.6s ease-in-out;
    -ms-animation: slideOut 0.6s ease-in-out;
    animation: slideOut 0.6s ease-in-out;
    }
4

2 に答える 2

2

編集

var el = document.querySelectorAll(".cr-container input:checked");

ドキュメント: https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll

jQuery の場合:

あなたが欲しいと思うなら：

$(".cr-container input:checked")

ご覧のとおり、それほど違いはありません。

また

 $(".cr-container > input:checked")

ドキュメント:

http://api.jquery.com/checked-selector/

于 2013-06-11T15:11:01.907 に答える
1

  1. ~演算子は、DOM 内のすべての兄弟要素を選択することです

  2. :checkedは、チェックされているラジオボタンとチェックボックスを選択するための疑似クラスです

  3. 。 _ クラスでHTML要素を選択することです

これはうまくいくはずです：

$('.cr-container input:checked').siblings('.cr-bgimg div span')
于 2013-06-11T15:14:12.213 に答える