jquery 獲取並設置css的方法

jquery裏邊獲取css樣式的方法,裏邊介紹了獲取並設置css有單個和多個:例句如下:

<!-- script代碼,如果需要引用js文件,請使用與HTML中相同的方式。 -->
<script type="text/javascript">
jQuery(document).ready(function(){
    $("div.detailButtonDiv").css({'float':'left','margin-top':'5px'});
    $("div.detailButtonDiv").css({'float':'left','margin-top':'5px','text-align':'left'});
   // alert($("div.e8_innerShow_button_right50").attr("style"));
    $("div.e8_innerShow_button_right50").parent(".e8_os").css("min-width","500px");
    $("#outfield11515div").parent(".e8_os").css("min-width","500px");
    jQuery("#field11389span span").find(".e8_delClass").remove();
    jQuery("#field11389span").children("span").find(".e8_delClass").css({'visibility':'hidden','float':'left'});
});


</script>

下面例子是通過遍歷each查詢html中的某個元素的值(val),通過與當前時間和查詢到的時間按鈕做比較,是否大於當前時間的案例

<script type="text/javascript">
$(document).ready(function () {
function dateDiff(firstDate,secondDate){//id=field11453_0span
var firstDate = new Date(firstDate);
var secondDate = new Date(secondDate);
var diff = Math.abs(firstDate.getTime() - secondDate.getTime())
var result = parseInt(diff / (1000 * 60 * 60 * 24));
return result
}
    checkCustomize = function () { //提交事件
        if(jQuery("#field13788span").find("a").text()=="物料類" &&  jQuery("#field11389span .e8_showNameClass").find("a").text() ==""){  //註釋,或|| 與&&
            alert("'採購類別'未填寫!")
            return false;
           }
        if(jQuery("#field13788span").find("a").text() =="資產類" && jQuery("#field11389span .e8_showNameClass").find("a").text() ==""){
            alert("'採購類別'未填寫!")
            return false;
           }
        var date1= $("#field11046").val();//獲取當前日期
        var date2= new Array();
        $.each($("span[id^='field11453_']"), function(){  
            date2.push($(this).text());
        })
        for (i=0;i<date2.length;i++){
           if(dateDiff(date1,date2[i])==0)
           {
                alert("需求日期不能等於當前日期,應向後順延7天");
                return false;
           }
        }
        return true;
    }
});
</script>



<!-- script代碼,如果需要引用js文件,請使用與HTML中相同的方式。 -->
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery("#field6989").bindPropertyChange(function(){	 
		var ksrq=jQuery("#field6989").val();
		if(ksrq == ""){
			return;
		}
		var dqrq=new Date();
		var dqrq_year=dqrq.getFullYear();
		var dqrq_month=dqrq.getMonth()+1;
		var dqrq_date=dqrq.getDate();
		
		//if(dqrq_month.length==1)
		//{
		//	dqrq_month="00"+dqrq_month;
		//}
		
        var date_dqrq=new Date((dqrq_year+"-"+dqrq_month+"-"+dqrq_date).replace(/\-/g, "\/")).getTime();

		var date_ksrq=new Date(ksrq.replace(/\-/g, "\/")).getTime();
		if(date_ksrq<date_dqrq)
			{
				alert("出差開始日期不能小於當前日期,請重新輸入"); 
				jQuery("#field6989").val("");
				jQuery("#field6989span").text("");
			}
	});
});

jQuery(document).ready(function(){
	jQuery("#field6990").bindPropertyChange(function(){	 
		var qyrq=jQuery("#field6989").val();
		//alert("取值時間"+qyrq);
		var sjghrq=jQuery("#field6990").val();
		//alert("實際歸還日期:"+sjghrq);
		if(qyrq=="" || sjghrq==""){
			return;
		}
		//alert(1);
		var date_qyrq=new Date(qyrq.replace(/\-/g, "\/")).getTime();
		var date_sjghrq=new Date(sjghrq.replace(/\-/g,"\/")).getTime();
		//alert("取值比較時間"+date_qyrq);
		//alert("實際歸還比較日期:"+date_sjghrq);
		if(date_qyrq>date_sjghrq)
			{
				alert("出差結束時間不能早於出差開始時間,請重新輸入"); 
				jQuery("#field6990").val("");
				jQuery("#field6990span").text("");
			}
	});

});
</script>


jQuery(document).ready(function(){
     jQuery("#field7337").bindPropertyChange(function(){
          var qyrq = jQuery(#"field7336").val();
          var sjghrq = jQuery(#"field7337").val();
          if(qjksrq == "" || qjjsrq == ""){
               return;
          }
          var date_qjksrq = new Date(qjksrq.replace(/\-/g,"\/")).getTime();
          var date_qjjsrq = new Date(qjjsrq.replace(/\-/g,"\/")).getTime();
          if(qjksrq > qjjsrq){
               alert("請假結束日期不能早於請假開始日期,請重新輸入:");
               jQuery("#field7337").val("");
               jQuery("#field7337span").text("");
          }
     });
//採購屬性值的傳遞
 jQuery("#field13788").bindPropertyChange(function(){// 獲取自定義瀏覽框的值
        var textValue = "<img align =absMiddle src='/images/bacoError_wev8.gif' />";
        var tval =  jQuery("#field13788span").find("a").text();
       console.log(tval);
       if(tval == "行政費用類"){
           jQuery("#field11389span").find("a").text("");
           tval =$('#field11387').val(1);
            $("tr #xing").show();
            $("tr #yan").hide();
            $("tr #zi").hide();
            $("div #cglb").hide();    
            $("div #sqjehj").show(); 
        }
       if(tval == "非行政費用類(生產及研發)"){
           jQuery("#field11389span").find("a").text("");
           tval  = $('#field11387').val(4);
            $("tr #xing").hide();
            $("tr #yan").show();
            $("tr #zi").hide();
            $("div #cglb").hide();      
            $("div #sqjehj").show();   
        }
       if(tval == "物料類"){
           jQuery("#field11389spanimg").html(textValue);
           jQuery("#field11389span").attr('viewtype','1');
          tval  = $('#field11387').val(0);
            $("tr #xing").hide();
            $("tr #yan").hide();
            $("tr #zi").hide();  
            $("div #cglb").show();
            $("div #sqjehj").hide();        
        }  
       if(tval == "資產類"){
           jQuery("#field11389spanimg").html(textValue);
           jQuery("#field11389span").attr('viewtype','1');
          tval  = $('#field11387').val(2);
            $("tr #xing").hide();
            $("tr #yan").hide();
            $("tr #zi").show();
            $("div #cglb").show();
            $("div #sqjehj").show(); 
        } 
    });
});




蕪湖車輛
<!-- script代碼,如果需要引用js文件,請使用與HTML中相同的方式。 -->
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery("#field8840").bindPropertyChange(function(){
		var ycrq=jQuery("#field8840").val();
		if(ycrq=="")
		{
			return;
		}
		var dqrq = new Date();
		var year=dqrq.getFullYear();
		var month=dqrq.getMonth()+1;
		var day=dqrq.getDate();
		var dqrq_date=new Date((year+"-"+month+"-"+day).replace(/\-/g, "\/")).getTime();
		var ycrq_date =  new Date(ycrq.replace(/\-/g, "\/")).getTime();
		if(ycrq_date!=dqrq_date)
		{
			alert("只能申請當天的用車");
			jQuery("#field8840").val("");
			jQuery("#field8840span").text("");
		}
	});
	jQuery("#field8841").bindPropertyChange(function(){
		var ycrq=jQuery("#field8840").val();
		var ycsj=jQuery("#field8841").val();
		var dqsj = new Date().getTime();
                if(ycsj=="") {
			return;
                }            
		if (ycrq=="")
		{
                        alert("請先選擇用車日期");=
                        jQuery("#field8841").val("");
			jQuery("#field8841span").text("");
			return;
		}    
		
	});
});
</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章