-
jq圖片放大鏡插件--jqzoom 在調(diào)用jqzoom圖片放大鏡插件時(shí),需要準(zhǔn)備一大一小兩張一樣的圖片,在頁面中顯示小圖片,當(dāng)鼠標(biāo)在小圖片中移動(dòng)時(shí),調(diào)用該插件的jqzoom()方法,顯示與小圖片相同的大圖片區(qū)域,從而實(shí)現(xiàn)放大鏡的效果,調(diào)用格式如下: $(linkimage).jqzoom({options}) 其中l(wèi)inkimage參數(shù)為包含圖片的<a>元素名稱,options為插件方法的配置對(duì)象。 options={ zoomWidth:xxx, zoomHeight:xxx, zoomType:"reverse" }查看全部
-
jq的圖片燈箱插件:該插件可以用圓角的方式展示選擇中的圖片,使用按鈕查看上下張圖片,在加載圖片時(shí)自帶進(jìn)度條,還能以自動(dòng)播放的方式瀏覽圖片,調(diào)用格式如下: $(linkimage).lightBox({options}) 其中l(wèi)inkimage參數(shù)為包含圖片的<a>元素名稱,options為插件方法的配置對(duì)象。查看全部
-
jQ的form插件:將表單提交轉(zhuǎn)換為ajax請(qǐng)求 方法1、$("form").ajaxForm(callback/{options})方法,實(shí)現(xiàn)ajax方式向服務(wù)器提交表單數(shù)據(jù),options是一個(gè)配置對(duì)象,設(shè)置發(fā)送時(shí)的數(shù)據(jù)和參數(shù);還可以提供回調(diào)函數(shù)當(dāng)服務(wù)器處理成功時(shí)的操作$("form").ajaxForm(function(){//some code}) 2、$("form").ajaxSubmit(callback/{options}),options提供多種配置參數(shù),具體用法參考書:鋒利的jquery查看全部
-
引入的validation插件默認(rèn)語言是英文,若要使用中文提示,可引入validate提供的中文信息庫:jquery.validation.messages_cn.js查看全部
-
jq的表格驗(yàn)證插件:validation html中需要引入外部文件:jquery,jquery的validation插件文件; 使用方法: 1、class屬性方法:在js中為元素調(diào)用validate方法:$(selector).validate(),設(shè)置要添加驗(yàn)證的表單控件的類名為:reqired/email/url 限制長度可以設(shè)置屬性:minlength="number"; 2、引入一個(gè)新jquery插件jquery.metadata.js: 兩種方法:1.將$(selector).validate()改為$(selector).validate({meta:"validate"});然后將驗(yàn)證規(guī)則全部寫到元素的class屬性中如:class="{validate:{required:true,minlength:2}}"; 2.設(shè)置元素屬性name實(shí)現(xiàn)行為與結(jié)構(gòu)分離如(下面的rules中的username,email均是對(duì)應(yīng)元素的name值):$(selector).validate({ rules:{ username:{ required:true, minlength:2 }, email:{ required:true, email:true, }, url:"url", } })查看全部
-
使用ajaxSetup()方法可以設(shè)置Ajax請(qǐng)求的一些全局性選項(xiàng)值,設(shè)置完成后,后面的Ajax請(qǐng)求將不需要再添加這些選項(xiàng)值,它的調(diào)用格式為: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可選項(xiàng)options參數(shù)為一個(gè)對(duì)象, 通過該對(duì)象設(shè)置Ajax請(qǐng)求時(shí)的全局選項(xiàng)值。查看全部
-
使用$.each(data,function(infoIndex,info){})循環(huán)遍歷數(shù)據(jù)查看全部
-
使用ajax()方法是最底層、功能最強(qiáng)大的請(qǐng)求服務(wù)器數(shù)據(jù)的方法,它不僅可以獲取服務(wù)器返回的數(shù)據(jù),還能向服務(wù)器發(fā)送請(qǐng)求并傳遞數(shù)值,它的調(diào)用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中參數(shù)settings為配置對(duì)象, 在該對(duì)象中, url表示服務(wù)器請(qǐng)求的路徑, data為請(qǐng)求時(shí)傳遞的數(shù)據(jù), dataType為服務(wù)器返回的數(shù)據(jù)類型, success為請(qǐng)求成功的執(zhí)行的回調(diào)函數(shù), type為發(fā)送數(shù)據(jù)請(qǐng)求的方式,默認(rèn)為get。查看全部
-
$(selector).ajaxStart(function(){})/$(selector).ajaxStop(function(){}) 兩個(gè)方法用來設(shè)置ajax請(qǐng)求前后的操作查看全部
-
$.ajaxSetup()方法用來配置ajax請(qǐng)求的全局性配置,再次調(diào)用ajax請(qǐng)求時(shí)只需要設(shè)置不同的url即可查看全部
-
$.ajax()請(qǐng)求 語法:$.ajax(options) options是多項(xiàng)參數(shù),以key/value形式存在 如:$.ajax({ url:"url", type:"get/post", data:{key:value},(obj/string) dataType:"XML/text/php/json/jsonp/script", success:function(data,textStatus){}, ... })查看全部
-
序列化方法:$(selector).serialize()序列化表單元素值后作為參數(shù)用于ajax請(qǐng)求;如 $.post(url,$(selector).serialize(),function(data){})查看全部
-
get/post請(qǐng)求 1、$.get(url,[,callback]):從服務(wù)器請(qǐng)求數(shù)據(jù)并處理 2、$.post(url,[,data],[,callback]),發(fā)送數(shù)據(jù)到服務(wù)器制定地址,回調(diào)函數(shù)里處理返回的結(jié)果,參數(shù)通常是要發(fā)給服務(wù)器的鍵值對(duì);查看全部
-
load()方法中的回調(diào)函數(shù)里面還可以有三個(gè)回調(diào)參數(shù): 1、responseText:請(qǐng)求返回的內(nèi)容 2、textStatus:請(qǐng)求的狀態(tài)(success/error/notmodified/timeout); 3、XMLHttpresquest對(duì)象查看全部
-
jq ajax請(qǐng)求數(shù)據(jù)的方法 1、load()方法:語法$(selector).load(url,[,data],[,callback]) url中可以寫入選擇器篩選要請(qǐng)求的數(shù)據(jù)如"http://idcbgp.cn/test.html .para"表示請(qǐng)求改地址中的類名為para的數(shù)據(jù); 可選參數(shù)data:傳參表示post請(qǐng)求,無參數(shù)表示使用get請(qǐng)求; callback函數(shù):數(shù)據(jù)請(qǐng)求成功后的操作查看全部
舉報(bào)
0/150
提交
取消