在HTML頁面中,要使用jQuery首先需要引入jQuery的庫文件,一般為jQuery.min.js文件。但是在Atom上如何運行jQuery呢?
首先,在Atom中創(chuàng)建或打開需要使用jQuery的HTML文件,然后在HTML文件中的
標簽中添加下列代碼:
這個代碼片段是從CDN(內容分發(fā)網絡)加載jQuery文件,直接從互聯(lián)網上的服務器加載,省去了本地下載的步驟。
在
標簽的下方,我們可以使用這段JS代碼使用jQuery庫中的隱藏函數和點擊事件函數,將頁面中所有的
標簽隱藏。
最后,我們需要在Atom中打開HTML文件,在瀏覽器中運行查看效果。有幾種方法可以實現:可以在Atom中安裝live-server插件直接在Atom中打開,并自動刷新頁面;也可以通過打開終端訪問文件路徑,輸入命令行“$ live-server”打開,并自動刷新頁面。刷新后,我們就可以看到效果了。