《序言:在項目中學到的知識,記下來方便之後使用。》css
小知識內容再後續...html
判斷複選框是否被選中:jquery
if($("#regAgreeInput").attr("checked")){ //被選中 }else{ //未被選中 }
jquery判斷寫法:spa
在js頁加載html方法($("#id").children("span").html("要的文字");)code
if ($("#input_phone").val() == "") { $("#regTelError").css("display", "block");//用樣式css來控制圖標顯隱。 $("#regTelError").children("span").html("請填寫手機號碼!");//把要加的html用此方法加上。 } else { var re = /^1\d{10}$/ //手機號正則 if (re.test($("#input_phone").val())) { $("#regTelError").css("display", "none"); } else { $("#regTelError").css("display", "block"); $("#regTelError").children("span").html("手機號格式錯誤!"); } }
一下代碼是窗口大小來改變裏面id的樣式的方法:htm
當屏幕大於800時,會調節id爲YHregister的窗口的高度使其達到合適的高度。blog
$(function () { if ($(window).width() > 800) { $('.YHregister').css("margin-top", parseInt($(window).height() - 610) / 2 + "px"); $(window).resize(function () { $('.YHregister').css("margin-top", parseInt($(window).height() - 610) / 2 + "px"); }) } })
$(function(){ //當屏幕寬度小於900時,樣式就改變成 if(($window).width() < 900){ //改變 $(".id").css("display","none"); }else{ //不改變 $(".id").css("display","block"); } $(window).resize(function(){ //在resize裏要複製一下上面的if和else if(($window).width() < 900){ $(".id").css("display","none"); }else{ $(".id").css("display","block"); }}) })