jquery的一些实例

实例一:编辑数据回显时,默认选中该数据对应的下拉框

$("#edit-marketActivityType option").each(function(){
	if($(this).val() == data.type){
		$(this).prop("selected",true);
	}
});
						

$.each($("#edit-marketActivityState option"),function(i,n){
	if($(n).val() == data.state){
		$(n).prop("selected",true);
	}
});

实例二:实现添加字段功能,根据需要选择列名隐藏或显示字段

$("#definedColumns").children('li').children('a').children('input').bind("click",function(){
			//获取点击事件的class属性
			var v_class = $(this).attr('class');
			
			//如果选中,显示字段
			if($(this).prop("checked")){
				$("td[class='"+v_class+"']").show();
			}else{
				//去掉复选框,隐藏字段
				$("td[class='"+v_class+"']").hide();
			}
			
		});

实例三:bootstrap自带的时间插件

<link href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>

$('.myDate').datetimepicker({
			  language: 'zh-CN',//显示中文
			  format: 'yyyy-mm-dd',//显示格式
			  minView: "month",//设置只显示到月份
			  initialDate: new Date(),//初始化当前日期
			  autoclose: true,//选中自动关闭
			  todayBtn: true,//显示今日按钮
			  clearBtn:true//显示清除日期按钮
			 })