jquery 學習一初識jquery

1，引入jquery

2，$ 與 jquery 的關係

$('#first')   等價於  jquery('#first')

3，比較$(document).ready(function(){}); window.onload 及 $(function(){});

window.onload

$(document).ready()

執行時機

等待網頁中所有內容載入完成之後執行

（包括資源）

網頁中所有的dom物件載入完成之後就執行

可能dom元素關聯的東西沒有載入完成

同一頁面可執行數量

不能執行多次

window.onload = function();

結果輸出 b

可以執行多次

$(document).ready(function());

結果輸出 a b 兩次

簡單寫法

無$(function())

4，jquery 格式化的一些寫法

對於同乙個元素不超過3個操作的，可以直接寫成一行。

$(this).show().unbind("click")

對於同乙個元素的較多操作，建議每行寫乙個操作。

$(this).removeclass("mouseout")
.addclass("mouseover")
.stop()
.fadeto("fast", 0.6)
.fadeto("fast", 1)
.unbind("click")
.click(function());

3, 對於多個元素的少量操作，可以每個物件寫一行，如果涉及子元素，可以考慮適當的縮排。

$(this).addclass("highlight")
.children("li").show().end()
.siblings().removeclass("hightlight")
.children("li").hide();

根據各種的源了解到要用1.x 引入 jquery庫 src jquery 1.12.4.js script 編寫通過原生的js入口函式可以拿到dom元素通過原生的js入口函式可以拿到dom元素的寬高 window.onload function ev script document read...

本節課的主要內容為 jquery 是由美國人 john resig 於 2006 年建立的乙個開源專案，基本功能包含訪問和操作 dom 控制頁面樣式處理頁面事件便捷的動畫便捷的 ajax 等。我們在基礎班的課程中有講過 css 選擇器，jquery 選擇器即通過這個建構函式，按照 css 選...

參考書目 head first python 我用的是安裝在windows下的python2.7。python有兩種程式設計介面互動式方式和idle。互動式方式的使用在命令列中輸入python 預設python已正確安裝出現這種情況表明python已經開啟，在三個後面就可以寫python程式...

jquery 學習 一 初識jquery