フロント側の開発で主に利用してます。
デザインテンプレートもjqueryを利用しているものが多いので利用頻度はたかめ。
最初のステップとしてボタンを押したら変化するものを記載
超シンプルなものから。
１．クリックで非表示
記載ソース
<p id="findMe">ここが消える</p>
<p id="anotherPara">ここは常時表示</p>
<button id="hideButton">消す</button><script>
$(function() {
//id = hideButtonがクリックされたら
$("#hideButton").click( function () {
$("#findMe").hide(); // id = findMe 部分を消す
});
});
</script>
See the Pen #idボタンアクション by terreto (@terreto) on CodePen.
