用jQuery获取表单内容总结

闲来无事，总结一下jQuery获取表单元素的基本语法
直接上代码

<tbody>
	<tr>
		<td class="td_left">登录邮箱 </td>
		<td class="td_right"><input type="email" class="loginEmail" disabled="disabled"></td>
	</tr>
	<tr>
		<td class="td_left">头像 </td>
		<td class="td_right"><input type="file" class="file"></td>
	</tr>
	<tr>
		<td class="td_left">联系人 </td>
		<td class="td_right"><input type="text" name="" id="" value="" class="contacts"/></td>
	</tr>
	<tr>
		<td class="td_left">联系邮箱 </td>
		<td class="td_right"><input type="email" name="" id="" value="" class="contactsEmail"/></td>
	</tr>
	<tr>
		<td class="td_left">手机号码 </td>
		<td class="td_right"><input type="number" name="" id="" value="" class="phoneNum"/></td>
	</tr>
	<tr>
		<td class="td_left">QQ </td>
		<td class="td_right"><input type="number" name="" id="" value="" class="QQ"/></td>
	</tr>
	<tr>
		<td class="td_left">地址 </td>
		<td class="td_right"><input type="text" name="" id="" value="" class="address"/></td>
	</tr>
	<tr>
		<td class="td_left">地区 </td>
		<td class="td_right">
			<div data-toggle="distpicker">
				<select name="" data-province="广东省" class="province">
						<option value=""></option>
				</select>
				<select name="" data-city="广州市" class="city">
						<option value=""></option>
				</select>
				<select data-district="黄埔区" class="district">
						<option value =""></option>
				</select>
			</div>
		</td>
	</tr>
</tbody>

		var loginEmail = $('.loginEmail').val();
		var headImage = $('input[type="file"]')[0].files;
		var contacts = $('.contacts').val();
		var contactsEmail = $('.contactsEmail').val();
		var QQ = $('.QQ').val();
		var address = $('.address').val();
		var addressProvince = $('.province').find('option:selected').val();
		var addressCity = $('.city').find('option:selected').val();
		var addressDistrict = $('.district').find('option:selected').val();
		console.log(loginEmail,headImage,contacts,contactsEmail,QQ,address,addressProvince,addressCity,addressDistrict);