动态生成前台页面1

做权限管理的时候，需要动态生成部门下的人员

for(var i=0;i<members.length;i++){
                    var child = "<div id="+members[i].id+" class='divPeople' onClick='showEmployee(this)' > "+members[i].realname+" </div>";
                    $("#permMember").append(child);
                }

在这里说下showEmployee(this)，因为我这个动作是取得div 的id 和realname ，因此使用this,但是我在使用this的时候，理解不深，

function showEmployee(objThis){
    $(objThis).parent().children().removeClass("divChoice");    
//    console.log(obj.attr("id"));//传递的是this对象，需要使用$(obj).val()，而不能直接使用obj.val()
    console.log($(objThis).attr("id"));
    console.log($(objThis).text());
//    console.log($(objThis).attr("text"));获取内容使用的是text()而不是attr("text")
    $(objThis).addClass("divChoice");    
}

一般我们使用jquery取得一个input或者其他的数据，是$("#aaa").val(),我也认为我这个就是 obj.val()就行了，其实不是，而应该是$(obj).val(), obj = #aaa

那我们取属性值就是  $(obj).attr(属性名字), 取得div中的内容就是  $(obj).text

这两天在清空 <input type="text" id="userName" name="userName" />的时候进行  $("#userName").val() 不行，还得 $("#userName").text()这样才能晴空