jQuery導入及測試

来源:http://www.cnblogs.com/shiyiaccn/archive/2016/11/07/6037044.html
-Advertisement-
Play Games

如果運行後界面上不彈出“沒有jquery”的提示以及段落被點擊後消失,則導入成功;否則說明沒有成功,那麼就檢測代碼吧,一般將jQuery放入項目文件下應該是可以用的,不成功的話多數情況是代碼有問題,如某些拼寫錯誤等。 ...


jQuery導入:

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>//將jQuery包引入HTML

<script>jQuery語句</script>//調用jQuery書寫jQuery程式

此處src為已經下載的jQuery文件安裝目錄。

jQuery測試:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
<script>
if(typeof jQuery == 'undefined'){
    window.alert("沒有jquery");
}
</script>
</head>
<body>
<p>如果您點擊我,我會消失。</p>
<p>點擊我,我會消失。</p>
<p>也要點擊我哦。</p>
</body>
</html>

  如果運行後界面上不彈出“沒有jquery”的提示以及段落被點擊後消失,則導入成功;否則說明沒有成功,那麼就檢測代碼吧,一般將jQuery放入項目文件下應該是可以用的,不成功的話多數情況是代碼有問題,如某些拼寫錯誤等。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 面向對象設計原則: 是OOPS(Object-Oriented Programming System,面向對象的程式設計系統)編程的核心,但大多數Java程式員追逐像Singleton、Decorator、Observer這樣的設計模式,而不重視面向對象的分析和設計。甚至還有經驗豐富的Java程式員 ...
  • 1.1概述 定義了一個操作中演算法的骨架,而將一些步驟延遲到子類中。模板方法使子類可以不改變一個演算法的結構即可重定義該演算法的某些特定步驟。這就是模板方法的定義。 類中的方法用以表明該類的實例所具有的行為,一個類可以有許多方法,而且類中的實例方法也可以調用該類中的其他若幹個方法。在編寫類的時候,可能需要 ...
  • 對於一個對設計模式一無所知的程式員來說,維護成本,無疑是一個致命的問題,所以從今開始,我要開始努力學習,設計模式,在這裡,記錄自己的學習成果 生產類 。 。 。 ...
  • 1.1概述 允許一個對象在其內部狀態改變時改變它的行為,對象看起來似乎修改了它的類。這就是狀態模式的定義。 一個對象的狀態依賴於它的變數的取值情況,對象在不同的運行環境中,可能具有不同的狀態。在許多情況下,對象調用方法所產生的行為效果依賴於它當時的狀態。 例如,一個溫度計(Thermometer)類 ...
  • 例如:The prefix "context" for element "context:annotation-config" is not bound. 這種情況是因為沒有申明該標簽,然後就使用了。解決方發是,在配置文件頭部加入相應的信息即可( 即xmlns:context="http://www ...
  • React框架已經火了好長一段時間了,再不學就out了! 對React還沒有瞭解的同學可以看看我之前的一篇文章,可以快速簡單的認識一下React。 "React入門最好的實例-TodoList" 自己從開始接觸react一竅不通,到慢慢的似懂非懂,通過各種途徑學習也有一陣了。學習過程中還會接觸到很多 ...
  • 效果預覽 實例代碼 <!DOCTYPE html> <html lang="zh" class="no-js"> <head> <meta charset="UTF-8" /> <title>catslider簡單的多商品分類滑動</title> <meta http-equiv="X-UA-Com ...
  • http://www.jxedt.com/wen/kaoshi/3174963987168886819.html http://www.jxedt.com/wen/kaoshi/3174963988918370327.html http://www.jxedt.com/wen/kaoshi/3174 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...