1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="UTF-8">
6 <title>jQuery的两把利器</title>
7 </head>
8 <body>
9 <button>测试</button>
10 <!--
11 1. jQuery核心函数
12 * 简称: jQuery函数($/jQuery)
13 * jQuery库向外直接暴露的就是$/jQuery
14 * 引入jQuery库后, 直接使用$即可
15 * 当函数用: $(xxx)
16 * 当对象用: $.xxx()
17 2. jQuery核心对象
18 * 简称: jQuery对象
19 * 得到jQuery对象: 执行jQuery函数返回的就是jQuery对象
20 * 使用jQuery对象: $obj.xxx()
21 -->
22
23 //---------------------------------------------------------------------------------------------
24
25 <script type="text/javascript" src="js/jquery-1.12.3.js"></script>
26 <script type="text/javascript">
27
28 //1. jQuery函数: 直接可用
29 console.log($, typeof $) //function
30 console.log(jQuery===$) // true
31
32 //2. jQuery对象: 执行jQuery函数得到它
33 console.log($() instanceof Object) // true
34
35
36
37 </script>
38 </body>
39 </html>