亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - jquery 事件執(zhí)行問題
ringa_lee
ringa_lee 2017-06-26 10:53:33
0
9
1209
function tableColor() {
    alert(0) //這里執(zhí)行
    $(".table tr:odd").css("background", "#f8f8f8");
}  

第一種寫法:
tableColor();//執(zhí)行alert(0),彈出“0”,表格顏色**沒有變化**。

第二種寫法:
$(function() {
    tableColor();請輸入代碼
})
//彈出“0”,表格顏色變化了。

為什麼不同寫法造成不同的結(jié)果,道理來說同一個函數(shù)不會只執(zhí)行一半吧。

ringa_lee
ringa_lee

ringa_lee

全部回覆(9)
phpcn_u1582

$(function(){
//這邊是頁面加載完後才執(zhí)行的程式碼
})
你的第一種寫法是頁面還沒加載完就執(zhí)行了,所以沒檢測到DOM就不會改變顏色了

黃舟

第二種是.ready()的簡寫。具體的去查文件吧。

漂亮男人

一般引用js都是放在裡面,
第一種寫法執(zhí)行的時候,頁面還沒載入完,所以找不到$(".table tr:odd")這個選擇器;
第二種是在頁面載入完成後執(zhí)行的,所以能改變選擇器的顏色。

要么採用第二種方法,要么把js引用加在頁面最後。

三叔

第一種寫法,在執(zhí)行你的程式碼的時候,頁面上可能還沒有載入出來表格table 這個元素,所以就可能會出現(xiàn)沒有找到元素的情況,所以就沒有顏色變化。
第二種寫法是等頁面元素載入完成之後再執(zhí)行你的程式碼,這樣就保證了頁面中已經(jīng)載入出來所有的元素了,程式碼就能找到需要的元素,所以就會做出相應(yīng)的變更了

漂亮男人
$(function() {
    // DOM加載完畢
});

你兩次的區(qū)別在於,第一次在DOM沒有加載完畢調(diào)用$(".table tr:odd") 可能沒有獲取到對應(yīng)元素,你可以打印出來看看,而第二次肯定獲取到了。

建議把 JS 代碼或引入的 JS 文件放在頁底部, 之前即可.

phpcn_u1582

跟一樓回答的類似,第一種寫法,如果是放在.table標籤之前,在dom還沒加載之前就執(zhí)行的話,可能$選擇器都找不到dom,也就改不了顏色了。

而第二種,建議查看jquery文檔描述,我這邊打不開jquery官網(wǎng),翻一篇別的其他地方的
http://www.css88.com/jqapi-1....

代言

1.你第一種中寫法是在document標籤未載入完成的情況下執(zhí)行。換句話說你html沒有載入完,你就對其裡面.table tr:odd 加入樣式,js腳本就不知道這個物件是哪個,所以會綁undefine。元素沒有載入完成。但是function的語法沒有錯誤,所以還是會alert 0
2.$(function(){})執(zhí)行,也就是等待html載入完成時候,才執(zhí)行裡面的方法,這時候,html載入完了,js就補抓到該物件是哪個元素,所以可以設(shè)定樣式。
具體參考:http://www.w3school.com.cn/h.asp

小葫蘆

此題終結(jié)

迷茫

第一種寫法:
tableColor();//執(zhí)行alert(0),彈出“0”,但是dom沒有選中,程式碼是逐行執(zhí)行的

第二種寫法:是文件載入完成之後執(zhí)行
$(function() {

tableColor();

})

結(jié)論,js的引入放在文檔底部,html內(nèi)部js除了自訂函數(shù),統(tǒng)一寫在$(function() {})裡面,確保文檔執(zhí)行完畢js程式碼執(zhí)行

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板