window.onload = function () {}
$(document).ready(function () {})
執行時機
等待網頁的所有內容載入完畢(包含)後才會執行
網頁中的dom建立後就執行
編寫個數
可以編寫多個，後面的會覆蓋前面的
可以編寫多個，新增多個後會並行執行
簡化寫法
無$(function (){})
1.jquery物件轉換成dom物件
/*
原理：jquery物件是類似乙個陣列的物件
*/// 第一種
var $div =$(
'#id'
)var domdiv = $div[0]
//第二種
var $div =$(
'#div'
)var domdiv = $div.
get(
0)
var $divs =$(
'.test'
)// 獲取第乙個jquery div物件
var $div = $divs.eq(
0)
var div = document.
getelementbyid
('id'
)var $div =
$(div)
if
(document.
getelementbyid
('id'))
// 第一種，根據獲取到的元素長度來判斷$(
'id'
).length >
0// 第二種，通過jquery物件來獲取dom物件if(
$('id')[
0])// 注意：不能使用如下方式來判斷if(
$('id'))
// 查詢ul下第二個li節點
var $li =$(
'ul li:eq(1)'
)// 使用jquery的方法來獲取text內容
var li_text = $li.
text
()
var $p =$(
'p')
var p_name = $p.
attr
('name'
)
var new_li =$(
'')var $ul =$(
'ul'
) $ul.
(new_li)
方法描述
向每個匹配的元素都插入節點
prepend()
在匹配的元素的::before中插入內容
prependto()
after()
在匹配的元素的::after中插入內容
insertafter()
和prependto()類似
before()
在元素前面插入節點
// 將li元素插入到ul元素的最後$(
'').(
$('ul'))
2.prepend
::before
測試::after
<
/p>$(
'p')
.prepend
('t'
)t<
/em>
<
/p>
3.before
測試<
/p>$(
'p')
.prepend('t
')t<
/p>
測試<
/p>
4.刪除節點
// 刪除
var $li =$(
'li').
remove()
// 刪除後還可以繼續使用其對應的jquery物件
$li.($
('ul'))
// 清空某一節點下的所有節點$(
'ul').
empty
()
鋒利的jQuery讀書筆記 一
第一章 認識jquery 1 document ready function 簡化寫法 function 優化後的寫法 等待dom元素載入完畢.document ready function 4 jquery物件和dom物件的相互轉換 1 jquery物件轉為dom物件 var cr cr jque...
《鋒利的jQuery》補充筆記
壓縮 uglifyjs jquery物件轉化為dom物件使用 index 或者get index dom物件轉化為jquery物件使用 dom物件 jquery.noconflict 是將變數的控制權移交給其他庫，如果jquery想要自定義乙個快捷方式的話，就給它賦值乙個變數。如果還想繼續使用 又不...
鋒利的jQuery 讀書筆記
第一章 認識jquery 1 鏈式操作方式 這是jquery中最具有特色的，即對發生在同乙個jquery物件上的 一組動作，可以直接連寫而無需重複獲取物件。2 jquery物件中不能使用dom物件的任何的方法，同時dom物件也不能使用jquery物件的方法。3 為了區別dom物件和jquery物件，...