-
使用ajaxSetup()方法可以設置Ajax請求的一些全局性選項值(公用的部分),設置完成后,后面的Ajax請求將不需要再添加這些選項值,它的調用格式為: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可選項options參數為一個對象,通過該對象設置Ajax請求時的全局選項值。 為什么data不能放到ajaxSetup里面: 調用ajaxSetup()方法是設置的全局,也就是說里面的選項值時固定的初始化的剛開始獲取的num:$().val()是沒有值的,所以這里的數據是不會變的。設置全局就是為了方便調用ajax()不用重復設置數據(也即是ajax括號里的參數({這里不用重復設置})),但是放在ajax()里就是動態的num,你在輸入框輸入什么就是什么查看全部
-
使用ajax()方法加載服務器數據 使用ajax()方法是最底層、功能最強大的請求服務器數據的方法,它不僅可以獲取服務器返回的數據,還能向服務器發送請求并傳遞數值,它的調用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中參數settings為發送ajax請求時的配置對象,在該對象中,url表示服務器請求的路徑,data為請求時傳遞的數據,dataType為服務器返回的數據類型,success為請求成功的執行的回調函數,type為發送數據請求的方式,默認為get。查看全部
-
使用serialize()方法可以將表單中有name屬性的元素值進行序列化,生成標準URL編碼文本字符串,直接可用于ajax請求,它的調用格式如下: $(selector).serialize() 其中selector參數是一個或多個表單中的元素或表單元素本身。查看全部
-
與get()方法相比,post()方法多用于以POST方式向服務器發送數據,服務器接收到數據之后,進行處理,并將處理結果返回頁面,調用格式如下: $.post(url,[data],[callback]) 參數url為服務器請求地址,可選項data為向服務器請求時發送的數據,可選項callback參數為請求成功后執行的回調函數。查看全部
-
使用get()方法時,采用GET方式向服務器請求數據,并通過方法中回調函數的參數返回請求的數據,它的調用格式如下: 參數格式其實是:$.get( url, [data], [callback], [type] ) 參數url為服務器請求地址,可選項callback參數為請求成功后執行的回調函數。 type是數據格式:type可以是json,也可以是text等之類的類型,具體類型就要看你的url里面對應的是什么類型的內容。查看全部
-
使用getScript()方法異步請求并執行服務器中的JavaScript格式的文件,它的調用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 參數url為服務器請求地址,可選項callback參數為請求成功后執行的回調函數。查看全部
-
回調函數里面的操作就是請求服務器響應之后你所做的操作 其中參數data就是服務器返回給你的數據,也就是響應數據 使用getJSON()方法可以通過Ajax異步請求的方式,獲取服務器中的數據,并對獲取的數據進行解析,顯示在頁面中,它的調用格式為: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中,url參數為請求加載json格式文件的服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功后,執行的回調函數。查看全部
-
使用load()方法通過Ajax請求加載服務器中的數據,并把返回的數據放置到指定的元素中,它的調用格式為: load(url,[data],[callback]) 參數url為加載服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功后,執行的回調函數。查看全部
-
<style type="text/css"> #one { position:absolute; left:200px; top:50px; width:80px; height:80px; border: solid 1px #ccc; margin: 0px 8px; background-color: Red; color:White; vertical-align:middle } </style> <body> <div id="one"></div> <input type="button" value="左移" id="btnleft"> <input type="button" value="右移" id="btnright"> <span></span> <script type="text/javascript"> $("#btnleft").bind("click",function(){ $("#one").animate({ left:"-=50px" },2000,function(){ $("span").html("左移完成") }) }); $("#btnright").bind("click",function(){ $("#one").animate({ left:"+=50px" },3000,function(){ $("span").html("右移完成") }) }) </script>查看全部
-
delay()可以將隊列中等待執行的下一個動畫延遲指定的時間后才執行。它常用在隊列中的兩個jQuery效果函數之間,從而在上一個動畫效果執行后延遲下一個動畫效果的執行時間。 如果下一項不是效果動畫,則它不會被加入效果隊列中,因此該函數不會對它進行延遲調用。該函數屬于jQuery對象(實例)。 delay()方法的功能是設置一個延時值來推遲動畫效果的執行,它的調用格式為: $(selector).delay(duration) 其中參數duration為延時值,它的單位是毫秒,當超過延時值時,動畫繼續執行。查看全部
-
stop()方法的功能是在動畫完成之前,停止當前正在執行的動畫效果,這些效果包括滑動、淡入淡出和自定義的動畫,它的調用格式為: $(selector).stop([clearQueue],[goToEnd]) 其中,兩個可選項參數clearQueue和goToEnd都是布爾類型值,前者表示是否停止正在執行的動畫,后者表示是否完成正在執行的動畫,默認為false。 $("span").stop();查看全部
-
調用animate()方法不僅可以制作簡單漸漸變大的動畫效果,而且還能制作移動位置的動畫,在移動位置之前,必須將被移元素的“position”屬性值設為“absolute”或“relative”,否則,該元素移動不了。 $("span").animate({ left: '+=100px', height: '+=50px', width: '+=50px', 'border-radius' '+=30px' },3000,function(){ $(this).html("執行完成"); });查看全部
-
調用animate()方法可以創建自定義動畫效果,它的調用格式為: $(selector).animate({params},speed,[callback]) 其中,params參數為制作動畫效果的CSS屬性名與值,speed參數為動畫的效果的速度,單位為毫秒,可選項callback參數為動畫完成時執行的回調函數名。查看全部
-
在自定義插件時,如果是編寫對象級別的,使用jQuery.fn.extend()方法進行功能擴展,而如果是類級別的,則直接使用jQeury.extend()或$.extend()方法。查看全部
-
帶有定時器 閃爍效果 調用fadeTo()方法,可以將所選擇元素的不透明度以淡入淡出的效果調整為指定的值,調用格式為: $(selector).fadeTo(speed,opacity,[callback]) 其中speed參數為效果的速度,opacity參數為指定的不透明值,它的取值范圍是0.0~1.0,可選項參數callback為效果完成后,回調的函數名。查看全部
舉報
0/150
提交
取消