请求将指定纯JavaScript代码转换为jQuery代码
没问题,我帮你把这段原生JavaScript代码转换成完整的jQuery版本,功能和逻辑完全和你原来的代码一致:
$('#type').on('change', function() { const isStudent = $(this).val() === "Student"; $("#cls, #sec").prop('disabled', !isStudent); $('.cls, .sec').toggle(isStudent); });
哦对了,我还做了一点小优化:用toggle()方法替代了分开的show()和hide(),并且把重复的DOM操作合并了,这样代码更简洁易读,执行效率也更高。如果你偏好和原代码完全一致的写法,也可以拆成原来的样子:
$('#type').on('change', function() { if ($(this).val() === "Student") { $("#cls").prop('disabled', false); $("#sec").prop('disabled', false); $('.cls').show(); $('.sec').show(); } else { $("#cls").prop('disabled', true); $("#sec").prop('disabled', true); $('.cls').hide(); $('.sec').hide(); } });
两种写法都能实现你要的效果,看你个人习惯选就行~
内容的提问来源于stack exchange,提问作者Khan Sunny
相关产品推荐
相关产品推荐

