abstract：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery導(dǎo)入與代碼架構(gòu)</title></head><body> &nb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery導(dǎo)入與代碼架構(gòu)</title>
</head>
<body>
<script src="static/js/jquery-3.4.1.js"></script>
<script>
// jQuery 和 $
console.log( $ ); // 返回一個(gè)函數(shù)
console.log( jQuery ); // 返回一個(gè)函數(shù)
console.log( $ === jQuery); // true
// jQuery中的方法分為二類
// 1. 靜態(tài)方法, 直接通過 $ 調(diào)用,例如: $.ajax(), $.trim()
console.log(' admin '.length); // 11
console.log($.trim(' admin ').length); // 5
// 2. 實(shí)例方法, 定義在jQuery.prototype, 即定義在它的原型對(duì)象,需要通過它的實(shí)例調(diào)用
console.log($.prototype); // 查看定義在$原型對(duì)象上的,被所有實(shí)例所共享的方法
$('body').append($('<h2>Hello jQuery</h2>')).css('color', 'red');
// append(), css()就是定義在$.prototype上的方法, 需要通過jQuery對(duì)象的實(shí)例來方法
// 代碼的基本架構(gòu): html文檔準(zhǔn)備就緒之后,就立即執(zhí)行ready中的回調(diào)函數(shù)中的代碼
$(document).ready(function (){
// ...
});
// 還可以進(jìn)一步簡(jiǎn)化, 功能是一樣的, 以后咱們就使用這種語法了
$(function () {
//...
})
</script>
</body>
</html>
Correcting teacher：天蓬老師Correction time：2019-05-28 16:55:45
Teacher's summary：如果你的jquery在在js代碼代碼之前加載的, 也可以不使用這種結(jié)構(gòu).
<script src="jqueyr.js"></script>
<script>
可以直接寫jQ代碼了, 不必$(function () {}}
</script>