jquery知識點(diǎn)(編輯修改稿)
2025-08-20 09:21 本頁面
【文章內(nèi)容簡介】 的方法？如何使用$(’selector’).mymethod()這樣的語句調(diào)用這些方法？以下代碼提供了這些問題的解決方案。定義一個(gè)方法，顯示一個(gè)元素的值。1. //ThenamewillbealertVal 2. =function(){ 3. 4. varelement=$(this[0])。//That39。sourelement 5. 6. if(()) 7. 8. alert(())。//That39。sourelement39。svalue 9. 10. }。 11. //Thisisthewaywecanuseit 12. $(selector).alertVal()?；卣{(diào)（callback）是常用的解決方案使用回調(diào)，我們可以在其他方法完成時(shí)執(zhí)行某個(gè)方法。你可以將回調(diào)方法看做對別人說：但你做完時(shí)，給我電話，因?yàn)槲乙鑫业哪欠莨ぷ?。不過現(xiàn)在的問題是：如何使用回調(diào)？13. $(document).ready(function(){ 14. 15. myCallBack=function(){ 16. 17. alert(I39。macallbackalert.)。 18. 19. } 20. 21. //WhenthegetfinishesthenmyCallBackisexecuted 22. 23. $.get(39。39。,myCallBack)。 24. 25. })。注意：如果該函數(shù)包含參數(shù)，我們必須使用以下方式：26. $(document).ready(function(){ 27. 28. $.get(39。39。,function(){ 29. 30. myCallBack(param1,param2)。 31. 32. })。 33. 34. })。 jQuery中為我們提供了很多有用的方法和屬性，文章總結(jié)了一些常用的函數(shù)和方法。個(gè)人認(rèn)為在開發(fā)中會比較常用的，在實(shí)際的開發(fā)中我們可能會用到其他的方法和屬性，文中只是個(gè)人認(rèn)為新手初學(xué)jQuery時(shí)，必須掌握的一些方法。 51CTO推薦專題：入門到精通 jQuery開發(fā)手冊 jQuery事件處理 ready(fn) 代碼： $(document).ready(function(){ // Your code here...})； 作用：它可以極大地提高web應(yīng)用程序的響應(yīng)速度。通過使用這個(gè)方法，可以在DOM載入就緒能夠讀取并操縱時(shí)立即調(diào)用你所綁定的函數(shù)，%的JavaScript函數(shù)都需要在那一刻執(zhí)行。 bind(type,[data],fn) 代碼： $(p).bind(click, function(){ alert( $(this).text() )。})。 作用：為每一個(gè)匹配元素的特定事件（像click）綁定一個(gè)事件處理器函數(shù)。起到事件監(jiān)聽的作用。 toggle(fn,fn) 代碼：$(td).toggle( function () { $(this).addClass(selected)。 }, function () { $(this).removeClass(selected)。 })。 作用：每次點(diǎn)擊時(shí)切換要調(diào)用的函數(shù)。如果點(diǎn)擊了一個(gè)匹配的元素，則觸發(fā)指定的第一個(gè)函數(shù)，當(dāng)再次點(diǎn)擊同一元素時(shí)，則觸發(fā)指定的第二個(gè)函數(shù)。挺有趣的一個(gè)函數(shù)，在動態(tài)實(shí)現(xiàn)某些功能的時(shí)候可能會用到。(像click(),focus(),keydown()這樣的事件這里就不提了，那些都是開發(fā)中比較常用到的。) jQuery外觀效果 addClass(class)和removeClass(class) 代碼： $(.stripe tr).mouseover(function(){ $(this).addClass(over)。}).mouseout(function(){ $(this).removeClass(over)。})})。 也可以寫成： $(.stripe tr).mouseover(function() { $(this).addClass(over) })。$(.stripe tr).mouseout(function() { $(this).removeClass(over) })。 作用：為指定的元素添加或移除樣式，從而實(shí)現(xiàn)動態(tài)的樣式效果，上面的實(shí)例中實(shí)現(xiàn)鼠標(biāo)移動雙色表格的代碼 css(name,value) 代碼： $(p).css(color,red)。 作用：很簡單，就是在匹配的元素中，設(shè)置一個(gè)樣式屬性的值。這個(gè)個(gè)人感覺和上面的addClass(class)有點(diǎn)類似。 slide(),hide(),fadeIn(), fadeout(), slideUp() ,slideDown() 代碼：$(btnShow).bind(click,function(event){ $(divMsg).show() })。$(btnHide).bind(click,function(evnet){ $(divMsg).hide() })。 作用：jQuery中提供的比較常用的幾個(gè)動態(tài)效果的函數(shù)。還可以添加參數(shù)：show(speed,[callback])以優(yōu)雅的動畫顯示所有匹配的元素，并在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。 animate(params[,duration[,easing[,callback]]]) 作用：制作動畫效果用到的函數(shù)，功能非常的強(qiáng)大，可以連續(xù)使用此函數(shù)。 查找篩選 map(callback) HTML 代碼:Values: INPUT value=John name=name INPUT value
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1