1. 程式人生 > >jquery-jquery入門|例項目錄

jquery-jquery入門|例項目錄

什麼是jquery

jQuery是一個JavaScript函式庫。

jQuery是一個輕量級的"寫的少,做的多"的JavaScript庫。

jQuery庫包含以下功能:

HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函式
JavaScript 特效和動畫
HTML DOM 遍歷和修改
AJAX
Utilities
提示: 除此之外,Jquery還提供了大量的外掛。
校驗


引入jquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset
="UTF-8">
<title>Title</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> </head> <body> <h1>hello</h1> </body> </html>

HTTP 請求:GET vs. POST

  • GET - 從指定的資源請求資料
  • POST - 向指定的資源提交要處理的資料

GET 基本上用於從伺服器獲得(取回)資料。註釋:GET 方法可能返回快取資料。
POST 也可用於從伺服器獲取資料。不過,POST 方法不會快取資料,並且常用於連同請求一起傳送資料。
get

$("button").click(function(){
  $.get("urlurl",function(data,status){
    alert("資料: " + data + "\n狀態: " + status);
  });
});

post

$("button").click(function(){
	var fromData = "{name:'name',url:'http://www.111.com'}";
    $.post('${base}/pub/chapterapply/seal/'+getApplyNo(),fromData,
            function
(data,status){ alert("資料: \n" + data.success + "\n"+data.msg+"狀態: " + status); }); });

1.驗證開始時間小於結束時間

作者:高達一號

2.將當前時間填入input,div

<script>
	window.onload = function(){
		function getDate(){
			debugger;
			var today = new Date(); 
			var date; 
			date = (today.getFullYear()) +"-" + (today.getMonth() + 1 ) + "-" + today.getDate() + "-" + today.toLocaleTimeString(); 
			return date;
			}
			window.setInterval(function(){
			document.getElementById("getBookTime").value=getDate();
		}, 1000);
	}
</script>