jq对象转换成js对象。已经jq的复合选择器。

//清空表单样式及内容
function reset_form(ele){
   $(ele)[0].reset();         
   //清空表单样式
   $(ele).find("*").removeClass("has-error has-success");
   $(ele).find(".help-block").text("");
}

//点击新增按钮弹出模态框。
$("#emp_add_modal_btn").click(function(){
   //清除表单数据（表单完整重置（表单的数据，表单的样式））
   reset_form("#empAddModal form");
   //s$("")[0].reset();
   //发送ajax请求，查出部门信息，显示在下拉列表中
   getDepts("#empAddModal select");
   //弹出模态框
   $("#empAddModal").modal({
      backdrop:"static"
   });
});

//查出所有的部门信息并显示在下拉列表中
function getDepts(ele){
   //清空之前下拉列表的值
   $(ele).empty();
   $.ajax({
      url:"${APP_PATH}/depts",
      type:"GET",
      success:function(result){
        
         $.each(result.extend.depts,function(){
            var optionEle = $("<option></option>").append(this.deptName).attr("value",this.deptId);
            optionEle.appendTo(ele);
         });
      }
   });
   
}

真的是难为我这个前端技术不咋地的人了，有两个点没终于弄明白了。 

（1）$('xx')是jQuery对象，$('xx')[0]是将jQuery对象：$('xx')转换为JavaScript对象，这样才可以使用JavaScript对象的属性和方法；

$(ele)[0].reset();   

所以呢，这句话应该是将jq对象先转化成js对象，在用js对象的reset方法。

（2）

reset_form("#empAddModal form");

getDepts("#empAddModal select");
这两句让我看的很懵逼。为什么后面加了个form 和select呢？
看了半天原来是个复合选择器。
无语。
我要好好的学一些前端知识了。