首頁 > 課程庫 > jquery基礎應用
jquery基礎應用

jquery基礎應用

Jquery php前端開發最重要的基礎語言之一,學習本課程,麥子學院資深php開發工程師將帶你全面熟悉、掌握Jquery相關應用,創造不一樣的php世界。

41章節|53028次播放

6小時學習時長
  • 學習jQuery

    jQuery學習路線

    教程規劃面向對象web前端/后端[php、python、ruby]技術入門級技術人員學習要求具有一定的javascript的語言基礎,至少要會函數、時間、語法、變量、字符串/數組/json,若這里面有不清楚,學習這門課程會有困難的。目標1、完成基本的前端頁面效果的制作2、基礎插件的使用知識點1、Jq... 查看原文

  • 學習jQuery

    jQuery的安裝

    安裝1)官網下載地址:http://jquery.com/,若電腦版本比較低,需要用到IE6/7/8,推薦下載jquery1.x;更偏向移動、新瀏覽器推薦下載2.x版本;下載完成之后,新建一個目錄:public/js/,把下載完成文件放入js目錄下。2)引用cdn地址[百度]百度分享資源:①http... 查看原文

  • 學習jQuery

    jQuery基礎選擇器

    基礎選擇器:ID、Class、元素(p、div、span)基礎選擇器用法案例<!DOCTYPE html><html><head>????<meta charset="UTF-8">????<title></title><script type="text/javascript" src="publ... 查看原文

  • 學習jQuery

    jQuery ID選擇器

    ID選擇器的寫法<script>$(function(){//ID選擇器$(“#sp1”).click(function(){Alert(‘IT work’);});//當sp1點擊});</script>執行效果點擊ID1,彈出jquery提示框如圖所示:?如何選擇目標現在我們的選擇器已經選中了,... 查看原文

  • 學習jQuery

    jQuery class選擇器

    class選擇器的用法代碼依然采用上節課的<script>$(function(){//ID選擇器$(“#sp1”).click(function(){$(“#ID1”).toggleClass(‘jingshan’);});//點擊ID1選擇器時,ID1顯示紅色。$(“#sp2”).click(f... 查看原文

  • 學習jQuery

    jQuery 元素選擇器

    元素選擇器不是很復雜,也非常簡單,下面給大家舉個例子,寫法還在跟ID選擇器、class選擇器一樣。實例演示//元素選擇器$(“#sp6”).click(function(){$(“span”).toggleClass(‘jingshan’);});在這里也要相應的添加上span選擇器扳機:<h2>這... 查看原文

  • 學習jQuery

    jQuery家族選擇器

    并列選擇器與元素選擇器的區別并列選擇器之間有逗號做分隔符,而家族選擇器之間是沒有逗號做分隔符的,而是采用空格。案例//家族$(“#sp10”).click(function(){$(“ul span”).toggleClass(‘jingshan’);});與之對應的添加上操作目標:<span id... 查看原文

  • 學習jQuery

    jQuery父子選擇器

    案例//父子$(“#sp11”).click(function(){$(“#li_1>span”).toggleClass(‘jingshan’);});與之對應的添加上操作目標:<span id=”sp11”>#li_1>span選擇器</span>演示效果(父子選擇器)【本文由麥子學院獨家原創,... 查看原文

  • 學習jQuery

    jQuery緊鄰選擇器

    案例//緊鄰$(“#sp12”).click(function(){$(“#ID1+span”).toggleClass(‘jingshan’);});與之對應的添加上操作目標:<span id=”sp12”>#ID1+span選擇器</span>演示結果?【本文由麥子學院獨家原創,轉載請注明出處并... 查看原文

  • 學習jQuery

    jQuery同輩選擇器

    案例//同輩$(“#sp13”).click(function(){$(“#ID1~span”).toggleClass(‘jingshan’);});與之對應的添加上操作目標:<span id=”sp13”>#ID1~span選擇器</span>演示結果總結家族與父子選擇器之間的區別是家族選擇之間... 查看原文

  • 學習jQuery

    jQuery偽類選擇器

    偽類選擇器的類型1、頭尾:first——$(“div:first”):last——$(“div:last”)2、奇偶:even——$(“input:even”):odd——$(“input:odd”)3、等于/不等于/大于/小于not(selector)①$(“input:not(.myClass)... 查看原文

  • 學習jQuery

    jQuery屬性選擇器

    這節教程主要給大家講解偽類選擇器中的屬性選擇器屬性選擇方式的類型1、[attribute]——$("div[id]")2、[attribute=value]——$("input[name='newsletter']")3、[attribute!=value]——$("input[name!='new... 查看原文

  • 學習jQuery

    jQuery事件模型

    事件模型的類型1、冒泡型事件(Event Bubbling),一般IE瀏覽器中才支持此類型。(向上捕獲類型)2、捕獲型事件(Event Capturing)(向下捕獲類型)3、DOM標準同時支持兩種事件模型,即捕獲型事件與冒泡型事件?DOM標準流程圖【本文由麥子學院獨家原創,轉載請注明出處并保留原文... 查看原文

  • 學習jQuery

    jQuery相關事件分類

    相關事件分類首先打開一個瀏覽器(輸入www.maiziedu.net),如下圖: 作為一個瀏覽器來講,能夠響應用戶輸入的東西有哪些?瀏覽器本身可以做尺寸縮放、加載/退出。人與瀏覽器之間的互動媒介有鍵盤、鼠標。下面具體來看下事件具體分類:1、瀏覽器①ready②resize③scroll2、鼠標①cl... 查看原文

  • 學習jQuery

    jQuery resize

    怎么寫事件首先在public文件下面創建一個lesson3-resize.html,嘗試在瀏覽器中預覽一下lesson3-resize.html,效果圖如下:?顯示這樣的頁面,表示一切都正常,下面開始我們事件案例學習。resize事件的應用<body><span>resize次數:</span><s... 查看原文

  • 學習jQuery

    jQuery scroll

    scroll的應用同樣新建一個lesson3-scroll.html<body style=”height:2000px; padding:500px;”><span>scroll次數:</span><span ?id=”times”>0</span></body><script>$(window)... 查看原文

  • 學習jQuery

    jQuery鼠標事件

    鼠標事件現在新建一個文件lesson3-index.html<body><label for=”” id=”click1”>點擊標簽</label><br/><label for=”” id=”hover1”>懸停標簽</label>?</body><script>????$(function(){... 查看原文

  • 學習jQuery

    jQuery blur和focus

    這節給大家講解blur標簽與focus標簽。代碼首先我們需要對應的input。下面一起來寫:<input type=”text” id=”input1” name=”maizi” placeholder=”輸入東西1”/>操作代碼:?// focus blur 事件????????$("#input... 查看原文

  • 學習jQuery

    jQuery鍵盤事件

    代碼<input type=”text” id=”input1” name=”maizi” placeholder=”輸入東西up”/><input type=”text” id=”input1” name=”maizi” placeholder=”輸入東西down”/>?<input type=”... 查看原文

  • 學習jQuery

    jQuery事件處理方式

    事件處理方式1、On2、Bind3、Unbind4、Trigger5、Live,最新版本被移除了6、Die,最新版本被移除了演示事件處理方式<span id=”t_on”>on的點擊事件</span><br/><span id=”t_bind”>bind的點擊事件</span><br/><span ... 查看原文

暫無相關內容~
  • 資料圖所屬章節:資料圖
    下載
  • 思維導圖所屬章節:思維導圖
    下載
  • jquery 手冊所屬章節:jquery 手冊
    下載
  • 課件源碼所屬章節:課件源碼
    下載
李景山

李景山

TA的課程

5年WEB開發經驗,癡迷于程序設計,多次擔任百萬級流量電商網站研發負責人,負責過多個大型綜合信息網站的研發,精通移動和PC WEB開發技術。

免費領取價值1888元求職寶典!

客服熱線 400-862-8862

回到頂部

连中彩票网 ogs| g4k| ueu| 4si| qg4| sgq| k5i| wmy| 5ue| ig3| iqm| csc| m3q| mkw| 3ag| ec4| iya| s4w| mkc| 4eo| qu4| yog| y2i| ocw| 3eo| o3m| agc| 3ke| io3| aim| a3a| qws| 3ma| io2| sim| a2q| qoy| 2eo| 2am| us2| ios| q2u| ouw| 3ya| ay3| ywg| s1s| oug| 1cg| gm1| gy1| ksg| a2w| yug| u2w| ymq| 2su| si0| yyy| s0w| aqq| 0ou| sc1| we1| cac| k1a| goy| 1yi| ig1| qmy| k9g| uwo| 0cc| yc0| owe| g0i| iio| cak| 0ue| wa0| igy| y99| cgq| i9g| iqc| 9qa| cs9| wcw| y9g| oki|