做前端遇到的一些问题记录

Ajax动态添加dom元素 

$("#addTr").html("");  //每次添加dom则会叠加，那么先清楚之前的table


			//获取所有的部门信息，从数据库中
			var url ="/XServer/department.do?_method=doSearch" ;
	    	 Base.ajax({
				url : url,
				type : "post",
				dataType : "json",
				mysuccess : function(data) {
					console.log(data); 
					//获取所有的val
					var val = data.rows;
		            for(var i = 0; i < val.length ; i++ ){
						$("#addTr").append(
							"<tr>"
							+"<td><div>"+(i+1)+"</div></td>"
							+"<td><div>"+val[i].id+"</div></td>"
							+"<td><div><input class = 'form-control' data='name' type='text' value='"+val[i].name+"' disabled></input><div></td>"
							+"<td><div><input class = 'form-control' data='code' type='text' value='"+val[i].code+"' disabled></input><div></td>"
							+"</tr>")
					}
		            
				}
			});

 Ajax动态添加dom元素   给dom元素添加事件

dom添加的元素绑定事件：

绑定点击事件：$("#addTrPosition").on('dblclick','tr',function(){}   用别的绑定不上哦  必须用on

绑定input标签改变事件 $("#addTrPosition").on("change","input", function aa(){}   还是必须用on绑定

on之前的元素应该是页面上的标签，子节点放在 on后边

bootstrap点击变色

重点是改变class属性

 $('.danger').removeClass('danger');
 $(this).attr("class","danger");

还有一些success 、danger 、。。。

jQuery 获取select选中的option

alert($("#id option:selected").val());