POPの「オープナウィンドウ」にスタイルクラスが定義されている場合に、それに基づいてスタイルを適用する必要がある状況があります。 xyz.htmlで今ポップアップからの親ボディのセレクタ
<html>
<body class="myClass">
<input type="button" onClick="Open('xyz.html')"/>
</body>
</html>
私はparent.htmlがclass="myClass"を持っている場合に基づいて、いくつかのスタイルを切り替えることができCSSセレクタを持っていると思います。
Jqueryなしでも可能ですか？
そうでない場合は、JqueryとJavascriptを含むこれに代わるものは何ですか？
注：parent.htmlは開けていますxyz.html両方とも別々のウィンドウです。
jQueryを使用して確認する必要はありません。簡単なCSSを利用することができます。以下のコードを確認してください。ここで、containerのクラスがmy-classの場合background-colorのプロパティがポップアップに適用されます。さもなければ、それはしません。コードを確認し、containerにmy-classの有無にかかわらず同じコードを使用してみてください。
$('button').on('click', function() {
$('.popup').toggleClass('active')
}).popup {
padding: 10px;
border: 1px solid #ddd;
opacity: 0;
transition: all 0.8s ease;
}
.popup.active {
opacity: 1;
}
.container.my-class .popup {
background-color: red;
color: #fff;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container my-class">
<button>Click</button>
<div class="popup"> HAI </div>
</div>
はい、あなたは、[イベントの委任]を使用することができます（https://learn.jquery.com/events/event-delegation/） –
は、それは（jqueryのない）ことは可能ですか？だからなぜ 'jquery'と' javacript'タグを追加するのですか？ – Bhargav
これは可能でない場合、Jqueryやjavascriptの代わりに使うことができます。 – Vivek