標籤: jQuery

Vue CLI設定引用jQuery

首先是專案必須要安裝jquery， 可以使用以下任一方式將jquery加到專案下

npm install jquery

或者在package.json加上jquery的引用

  "dependencies": {
    ...
    "jquery": "^3.6.0"
  },

然後再呼叫 

npm update

之後你就可以在會用到jquery的*.vue裡面直接import

import jquery from 'jquery'

然後你就會有個 jquery 物件可以使用(請注意大小寫)，但這個方法的缺點就是後面執行build時，jquery也會被包進編譯完的函式庫，導致函式大小會到幾百k，但好處是不需依賴外部的jquery。

閱讀全文〈Vue CLI設定引用jQuery〉

jQuery的.children()

$(‘.selector’).children()可以得到.selector所代表dom物件的下一層子物件，而不是所有的子物件。例如：

<div class=’level-one’>

<div class=’level-two’>

<div class=’level-three’>

<input type=’text’ name=’mytext_three’ value=’my text’ size=’20’/>

</div>

</div>

<input type=’text’ name=’mytext’ value=’my test’ size=’20’/>

</div>

閱讀全文〈jQuery的.children()〉

Proudly using Dynamic Headers by Nicasio WordPress Design