如何使用jQuery禁用div中的所有元素

Question

我有一个div，当单击一个复选框时，我想禁用div中的所有元素，包括禁用其中一个元素的onClick。这是codepen：https ://codepen.io/anon/pen/JVwMOqHTML：<input type="checkbox" onChange="checkMe(this)"><div id="test">  <input type="text">   <span class="test">    <img id="like" src="https://cdn4.iconfinder.com/data/icons/game-interface-outline/100/objects-15-512.png" height="40px" onclick="likeMe()">   </span></div>JS：function checkMe(element){  if($(element).prop('checked') === true){    $('#test').prop('disabled', true).off("click");  }  else{    $('#test').prop('disabled', false).on("click");  }}有什么建议吗？谢谢！