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