我可以对Jquery..中的不同字段使用多个prop()吗。。?

我可以对Jquery..中的不同字段使用多个prop()吗。。?,jquery,prop,Jquery,Prop,我有下面的代码将重置字段 $('#email').find('input,textarea').val(''); $('#email').find('input[type=checkbox]').prop('checked', false); $('#email').find('select option:eq(0)').prop('selected', true); 我的问题是,我能把上面的代码改成类似下面的代码吗。它有效吗 $('#email').find('inp

我有下面的代码将重置字段

$('#email').find('input,textarea').val('');
$('#email').find('input[type=checkbox]').prop('checked', false);            
$('#email').find('select option:eq(0)').prop('selected', true);
我的问题是,我能把上面的代码改成类似下面的代码吗。它有效吗

$('#email').find('input,textarea,input[type=checkbox],select option:eq(0)').val('').prop('checked', false).prop('selected', true);

从技术上讲,你可以这样做。
因此,您将有一个选中了
和选中了
属性的文本区域

是的,它会起作用。
是的,它不应该有任何不想要的效果。
然而,这听起来并不好

此外,第二种方法肯定不会提高代码的可读性

功能显示(propName){
console.log(“checkbox.”+propName+“=”++$(“#checkbox”).prop(propName));
console.log(“text.”+propName+“=”++$(“#text”).prop(propName));
console.log(“textarea.”+propName+“=”++$(“#textarea”).prop(propName));
}
显示(“选中”);
$(“输入,文本区域”).prop(“选中”,为真);
显示(“选中”)

从技术上讲,你可以做到。
因此,您将有一个选中了
和选中了
属性的文本区域

是的,它会起作用。
是的,它不应该有任何不想要的效果。
然而,这听起来并不好

此外,第二种方法肯定不会提高代码的可读性

功能显示(propName){
console.log(“checkbox.”+propName+“=”++$(“#checkbox”).prop(propName));
console.log(“text.”+propName+“=”++$(“#text”).prop(propName));
console.log(“textarea.”+propName+“=”++$(“#textarea”).prop(propName));
}
显示(“选中”);
$(“输入,文本区域”).prop(“选中”,为真);
显示(“选中”)

根据我在这里的实验,我得出一个结论,您可以使用div中的以下代码重置表单元素:-

函数重置(){
$(':输入','#电子邮件')
.not(“:按钮,:提交,:重置,:隐藏”)
.每个功能(即,e){
$(e).val($(e).attr('value')| |“”)
.prop('checked',false)
.prop('selected',false)
})
$('option[selected]',this).prop('selected',true)
$('input[checked]',this).prop('checked',true)
$('textarea',this).each(函数(i,e){
$(e).val($(e).html())
})
}

真的
重置

根据我在这里的实验,我得出一个结论,您可以使用div中的以下代码重置表单元素:-

函数重置(){
$(':输入','#电子邮件')
.not(“:按钮,:提交,:重置,:隐藏”)
.每个功能(即,e){
$(e).val($(e).attr('value')| |“”)
.prop('checked',false)
.prop('selected',false)
})
$('option[selected]',this).prop('selected',true)
$('input[checked]',this).prop('checked',true)
$('textarea',this).each(函数(i,e){
$(e).val($(e).html())
})
}

真的
重置

不太可能,因为
输入
文本区域
没有选中
选定的属性。但是,假设这是表单的初始状态,您可以只执行
$('form')[0].reset()#这是什么
$('#email')
它是div还是表单元素?它是模态id@samueljmathewd如果模态中有任何表单,可以重置它
$('form')[0]。reset()有效-是,但您想维护它吗?不太想,因为
input
textarea
没有选中
选定的属性。但是,假设这是表单的初始状态,您可以只执行
$('form')[0].reset()#这是什么
$('#email')
它是div还是表单元素?它是模态id@samueljmathewd如果模态中有任何表单,可以重置它
$('form')[0]。reset()有效-是,但是否要维护它?