javascript - jquery 事件執(zhí)行問題
問題描述
function tableColor() { alert(0) //這里執(zhí)行 $('.table tr:odd').css('background', '#f8f8f8');} 第一種寫法:tableColor();//執(zhí)行alert(0),彈出“0”,表格顏色**沒有變化**。第二種寫法:$(function() { tableColor();請輸入代碼})//彈出“0”,表格顏色變化了。
為什么不同寫法造成不同的結果,道理來說同一個函數(shù)不會只執(zhí)行一半吧。
問題解答
回答1:$(function(){//這邊是頁面加載完后才執(zhí)行的代碼})你的第一種寫法是頁面還沒加載完就執(zhí)行了,所以沒檢測到DOM就不會改變顏色了
回答2:第二種是.ready()的簡寫。具體的去查文檔吧。
回答3:一般引用js都是放在<head></head>里面,第一種寫法執(zhí)行的時候,頁面還沒加載完,所以找不到$('.table tr:odd')這個選擇器;第二種是在頁面加載完成后執(zhí)行的,所以能改變選擇器的顏色。
要么采用第二種方法,要么把js引用加在頁面最后。
回答4:第一種寫法,在執(zhí)行你的代碼的時候,頁面上可能還沒有加載出來表格table 這個元素,所以就可能會出現(xiàn)沒有找到元素的情況,所以就沒有顏色變化。第二種寫法是等頁面元素加載完成之后再執(zhí)行你的代碼,這樣就保證了頁面中已經加載出來所有的元素了,代碼就能找到需要的元素,所以就會做出相應的變化了
回答5:$(function() { // DOM加載完畢});
你兩次的區(qū)別在于,第一次在DOM沒有加載完畢調用 $('.table tr:odd') 可能沒有獲取到對應元素,你可以打印出來看看,而第二次肯定獲取到了。
建議把 JS 代碼或引入的 JS 文件放在頁面底部,<BODY> 之前即可.
回答6:跟一樓回答的類似,第一種寫法,如果是放在.table標簽之前,在dom還沒加載之前就執(zhí)行的話,可能$選擇器都找不到dom,也就改不了顏色了。
而第二種,建議查看jquery文檔描述,我這邊打不開jquery官網,翻一篇別的其他地方的http://www.css88.com/jqapi-1....
1.你第一種中寫法是在document標籤未加載完成的情況下執(zhí)行。換句話你html沒有加載完,你就對其裡面.table tr:odd 添加樣式,js腳本就不知道這個對象是哪個,所以會系undefine。元素沒有加載完成。但是function的語法沒有錯誤,所以還是會alert 02.$(function(){})執(zhí)行,即等待html加載完成時候,才執(zhí)行裡面的方法,這個時候,html加載完了,js就補抓到該對象是哪個元素,所以可以設置樣式。具體參考:http://www.w3school.com.cn/h.asp
回答8:此題終結
回答9:第一種寫法:tableColor();//執(zhí)行alert(0),彈出“0”,但是dom沒有選中,代碼是逐行執(zhí)行的
第二種寫法:是文檔加載完成之后執(zhí)行$(function() {
tableColor();
})
結論,js的引入放在文檔底部,html內部js除了自定義函數(shù),統(tǒng)一寫在$(function() {})里面,確保文檔執(zhí)行完畢js代碼執(zhí)行
相關文章:
1. 一個mysql聯(lián)表查詢的問題2. 運行python程序時出現(xiàn)“應用程序發(fā)生異常”的內存錯誤?3. html5 - iOS的webview加載出來的H5網頁,怎么修改html標簽select的樣式字體?4. java - 我現(xiàn)在一個servlet中有調用socket訪問,作為socket的客戶端,5. python 如何實現(xiàn)PHP替換圖片 鏈接6. python如何不改動文件的情況下修改文件的 修改日期7. 主從備份 - 跪求mysql 高可用主從方案8. javascript - git clone 下來的項目 想在本地運行 npm run install 報錯9. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區(qū)別?10. mysql - 一個表和多個表是多對多的關系,該怎么設計
