04_jQuery的2把利器

ZHOU_VIP發表於2018-07-24
jQuery

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>jQuery的二把利器</title>
</head>
<body>
<button>測試</button>
<!--
1. jQuery核心函式
  * 簡稱: jQuery函式($/jQuery)
  * jQuery庫向外直接暴露的就是$/jQuery
  * 引入jQuery庫後, 直接使用$即可
    * 當函式用: $(xxx)
    * 當物件用: $.xxx()
2. jQuery核心物件
  * 簡稱: jQuery物件
  * 得到jQuery物件: 執行jQuery函式返回的就是jQuery物件
  * 使用jQuery物件: $obj.xxx()
-->
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
<script type="text/javascript">
  
  console.log(typeof $)       //$是一個function
  console.log($ === jQuery)   //true  $與jQuery等同
  console.log($ === window.$) //true  $是一個全域性函式

  console.log(typeof $())     //"object"  這個物件就是jQuery物件

  $('button').click(function () {
    alert(this.innerHTML)
  })
</script>
</body>
</html>

 

相關文章