dom对象和Jquery对象搞混了，概念不清楚

今天做一个，下拉框的默认选中值的问题，纠结了很久 ，一直不知道原因在哪，最后在群里问的原因就是jquery和dom对象搞混了。完全没有分清楚啊，

 var selCity = $("#<%=ddlCity.ClientID %>"); jquery 对象，用的确实 dom的属性 笨啊  ，

 for (var i = 0; i < msg.cityData.length; i++) 
                            {
                                $("#<%=ddlCity.ClientID %>").append ("<option value='" + msg.cityData[i].cityID+ "'>" +  msg.cityData[i].city+ "</option>");
                               
                            }
                            $("#<%=ddlCity.ClientID %>").val("310100");
                            $("#<%=ddlCity.ClientID %>").children().attr("style","width:72px");

还有就是执行过程 不清楚，什么时候加载不知道，渲染不清楚啊  很大问题啊，还是回去好好看基础知识吧，回炉去