关于input type=file样式设置的坑

项目要求对原来的bootstrap样式进行修改，在对input type=file右边的选择文件按钮修改样式时发现获取到的元素不是我设置id的元素，控制台找到button的设置发现也无效

						 <div class="form-group">
							<div class="col-sm-6">
								<input type="file" name="upload_file" style="width:448px;" class="file" id="upload_control" data-show-preview="true">
							</div>	
						</div>

	console.log($("#upload_control").parent().get(0))
	$(document).ready(function(){
		console.log($("#upload_control").parent().get(0))
	})

打印的第一条是直接寻找id打印元素，第二条打印放在$(document).ready(function(){})里。
可以看到第一次是直接从我的代码里取到的（然鹅并不是我需要的元素），第二次是浏览器解析dom完成后拿到的目标元素。
必须在dom加载完成再进行操作。