abstrakt：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery基礎(chǔ)語法</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.j
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery基礎(chǔ)語法</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js">
</script>
<style>
div{width: 300px;height: 300px;background: orange;position: absolute;}
</style>
</head>
<body>
<!-- 文檔就緒語法
$(document).ready(function(){
//jquery code
}) -->
<script>
$(document).ready(function(){
//表單選擇器
//$(':enabled').css('background','pink')
$(':disabled').css('background','blue')
$(':selected').css('color','orange')
//找到選擇器 執(zhí)行點擊事件
$('#right').click(function(){
//點擊后觸發(fā)函數(shù)功能內(nèi)部樣式更改事件
//animate() 動畫繪制 該方法用于創(chuàng)建自定義動畫
//語法：$(selector).animate({params},speed,fn)
$('.box').animate({left:'+500px'},800)
$('.box').animate({fontSize:'50px'},500)
})
//stop() 用于停止動畫或效果
//找到觸發(fā)id按鈕 執(zhí)行點擊事件
$('#stop').click(function(){
$('.box').stop()
})
})
</script>
<form action="">
輸入框1 <input type="text" name=""><br>
輸入框2 <input type="text" name=""><br>
輸入框3 <input type="text" name="" disabled><br>
輸入框4 <input type="text" name=""><br>
<select>
<option selected>PHP</option>
<option value="">HTML</option>
<option value="">CSS</option>
<option value="">JS</option>
</select>
</form>
<button id="right">右移動</button>
<button id="stop">停止</button>
<div>51spec</div>
</body>
</html>
//細(xì)節(jié)不夠完美、不夠嚴(yán)謹(jǐn)??！，每一行代碼應(yīng)有完整完美的解釋?。?！現(xiàn)在那 這個 那個 這里 那里 對不對 求求你不要再說了 你說對就對！
Korrigierender Lehrer：滅絕師太Korrekturzeit：2019-01-11 09:16:05
Zusammenfassung des Lehrers：你的反饋我看到了，后面案例部分會少好多，這個，那個，對不對吧，可能錄課的時候太想跟人交流了~