JQuery應用例項學習 —— 12 燈泡的開關切換

阿新 • • 發佈：2018-12-09

jQuery實現燈泡的開關切換

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="../JS/on.png" alt="" onclick="qie();">
</body>
<script src="jquery.js"></script>
<script>
// 燈泡的開關燈切換
function qie() {
    if( $('img').attr('src').indexOf('on') >= 0 ) {
        $('img').attr('src' , '../JS/off.png');
    } else {
        $('img').attr('src' , '../JS/on.png');
    }
}    
</script>
</html>

JQuery應用例項學習 —— 12 燈泡的開關切換

jQuery實現燈泡的開關切換 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

JQuery應用例項學習 —— 09 用ready函式隱藏p標籤內容

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></

JQuery應用例項學習 —— 11 子元素過濾器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

JQuery應用例項學習 —— 13 點選後邊框不斷變大

通過操作節點css屬性來控制邊框不斷變大 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

JQuery應用例項學習 —— 15 刪除和增加DOM節點

remove：刪除 empty：清空 append：在後面加 prepend：在前面加 appendTo：追加 <!DOCTYPE html> <html lang="en"

JQuery應用例項學習 —— 16 節點包裹input框與li標籤中字型加粗

jQuery包結點 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery應用例項學習 —— 18 利用DOM物件改變HTML內容及屬性例項

以下內容轉自w3school。改變 HTML 內容修改 HTML 內容的最簡單的方法時使用 innerHTML 屬性。如需改變 HTML 元素的內容，請使用這個語法： document.g

JQuery應用例項學習 —— 22 一次性繫結

所謂一次性繫結，就是有留言對你說，點選看到一次就沒了。有時，當你進入一個網站查點資料彈出一個廣告，你想關掉結果彈出一個廣告頁面還有聲音，挺尷尬。你以為你手滑點錯了，其實人家就是用這種方式控制

JQuery應用例項學習 —— 23 事件委託新增結點並alert彈出對應文字

事件委託 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery應用例項學習 —— 28 處理json返回值，點擊出現後臺返回資料

27.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery應用例項學習 —— 29 儲存資料到伺服器，成功時顯示資訊

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

JQuery應用例項學習 —— 19 JQuery物件與DOM物件的關係與轉換

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

Netty應用例項學習

Netty 是一個 Java NIO 客戶端伺服器框架，使用它可以快速簡單地開發網路應用程式，比如伺服器和客戶端的協議。Netty 大大簡化了網路程式的開發過程比如 TCP 和 UDP 的 socket 服務的開發。本文旨在通過例項學習Netty的一些用法。【1】Netty

【Spark深入學習 -12】Spark程序設計與企業級應用案例02

提升算子 lin count() roi println groupby 工作問題衍生 ----本節內容------- 1.遺留問題答疑 1.1 典型問題解答 1.2 知識點回顧 2.Spark編程基礎 2.1 Spark開發四部曲 2.2 RDD典型實例

跟著例項學習ZooKeeper的用法： Curator框架應用

前面的幾篇文章介紹了一些ZooKeeper的應用方法，本文將介紹Curator訪問ZooKeeper的一些基本方法，而不僅僅限於指定的Recipes，你可以使用Curator API任意的訪問ZooKeeper。 CuratorFramework Curator框架提供了一套高階的API

例項學習ansible系列（12）常用模組之docker

知識點：ansible使用docker可以對其進行管理。基本接近docker-compose對docker的使用支援，非常接近。諸如從port的設定到volume_from都支援，但是需要docker-py0.3.0 以上的支援。使用前提條件需要使用docker的mod

從零開始學習 ASP.NET MVC 1.0 (五) ViewEngine 深入解析與應用例項

《從零開始學習ASP.NET MVC 1.0》文章導航一.摘要本文講解ViewEngine的作用, 並且深入解析了實現ViewEngine相關的所有介面和類, 最後演示瞭如何開發一個自定義的ViewEngine. 本系列文章已經全部更新為ASP.NET MVC 1.0版本.希望大家多多支援!

從零開始學習 ASP.NET MVC 1.0 (三) Controller/Action 深入解析與應用例項

《從零開始學習ASP.NET MVC 1.0》文章導航一.摘要一個Url請求經過了Routing處理後會呼叫Controller的Action方法. 中間的過程是怎樣的? Action方法中返回ActionResult物件後,如何到達View的? 本文將講解Controller的基本用法,

前端學習筆記day14 offset client scroll 應用例項一----登入視窗

<!-- <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <st

【原】Coursera—Andrew Ng機器學習—課程筆記 Lecture 18—Photo OCR 應用例項:圖片文字識別

Lecture 18—Photo OCR 應用例項:圖片文字識別 18.1 問題描述和流程圖 Problem Description and Pipeline 影象文字識別需要如下步驟: 1.文字偵測(Text detection)——將圖片上的文字與其他環境物件分離開來2.字元切分(Character

JQuery應用例項學習 —— 12 燈泡的開關切換

相關推薦