JQuery應用例項學習 —— 12 燈泡的開關切換
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