-
表單插件——form 通過(guò)表單form插件，調(diào)用ajaxForm()方法，實(shí)現(xiàn)ajax方式向服務(wù)器提交表單數(shù)據(jù)，并通過(guò)方法中的options對(duì)象獲取服務(wù)器返回?cái)?shù)據(jù)，調(diào)用格式如下： $(form). ajaxForm ({options}) 其中form參數(shù)表示表單元素名稱；options是一個(gè)配置對(duì)象，用于在發(fā)送ajax請(qǐng)求過(guò)程，設(shè)置發(fā)送時(shí)的數(shù)據(jù)和參數(shù)。 <script type="text/javascript"> $(function () { var options = { url: "http://idcbgp.cn/data/form_f.php", target: ".tip" } $("frmV").ajaxForm(options); }); </script>查看全部
-
放置插件--droppable 除使用draggable插件拖拽任意元素外，還可以調(diào)用droppable UI插件將拖拽后的任意元素放置在指定區(qū)域中，類似購(gòu)物車效果，調(diào)用格式如下： $(selector).droppable({options}) selector參數(shù)為接受拖拽元素，options為方法的配置對(duì)象，在對(duì)象中，drop函數(shù)表示當(dāng)被接受的拖拽元素完全進(jìn)入接收元素的容器時(shí)，觸發(fā)該函數(shù)的調(diào)用。查看全部
-
表單驗(yàn)證插件——validate 該插件自帶包含必填、數(shù)字、URL在內(nèi)容的驗(yàn)證規(guī)則，即時(shí)顯示異常信息，此外，還允許自定義驗(yàn)證規(guī)則，插件調(diào)用方法如下： $(form).validate({options}) 其中form參數(shù)表示表單元素名稱，options參數(shù)表示調(diào)用方法時(shí)的配置對(duì)象，所有的驗(yàn)證規(guī)則和異常信息顯示的位置都在該對(duì)象中進(jìn)行設(shè)置。 <script type="text/javascript"> $(function () { $("#frmV").validate( { /*自定義驗(yàn)證規(guī)則*/ rules: { email:{ required:true, email:true } }, /*錯(cuò)誤提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip"); } } ); }); </script>查看全部
-
拖拽插件--draggable 拖拽插件draggable的功能是拖動(dòng)被綁定的元素，當(dāng)這個(gè)jQuery UI插件與元素綁定后，可以通過(guò)調(diào)用draggable()方法，實(shí)現(xiàn)各種拖拽元素的效果，調(diào)用格式如下： $(selector).draggable({options}) options參數(shù)為方法調(diào)用的時(shí)候配置對(duì)象，根據(jù)該對(duì)象可以設(shè)置各種拖拽效果，如："containment"屬性指定拖拽區(qū)域，"axis"屬性設(shè)置拖拽時(shí)的坐標(biāo)方向。查看全部
-
使用ajaxStart()和ajaxStop()方法 ajaxStart()和ajaxStop()方法是綁定Ajax事件。ajaxStart()方法用于在Ajax請(qǐng)求發(fā)出前觸發(fā)函數(shù)，ajaxStop()方法用于在Ajax請(qǐng)求完成后觸發(fā)函數(shù)。它們的調(diào)用格式為： $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中，兩個(gè)方法中括號(hào)都是綁定的函數(shù)，當(dāng)發(fā)送Ajax請(qǐng)求前執(zhí)行ajaxStart()方法綁定的函數(shù)，請(qǐng)求成功后，執(zhí)行ajaxStop ()方法綁定的函數(shù)。 （一） $(document).ajaxStart(function(){ $('#divload').html("正在請(qǐng)求數(shù)據(jù)..."); }); $(document).ajaxStop(function(){ $('#divload').html("數(shù)據(jù)請(qǐng)求完成！"); }); （二） $('#divload').ajaxStart(function(){ $(this).html("正在請(qǐng)求數(shù)據(jù)..."); }); $('#divload').ajaxStop(function(){ $(this).html("數(shù)據(jù)請(qǐng)求完成！"); });查看全部
-
自定義類級(jí)別插件--twoaddresult中的不同方法，可以實(shí)現(xiàn)對(duì)兩個(gè)數(shù)值進(jìn)行相加和相減的運(yùn)算，導(dǎo)入插件后，調(diào)用格式分別為： $.addNum(p1,p2)和$.subNum(p1,p2) 上述調(diào)用格式分別為計(jì)算兩數(shù)值相加和相減的結(jié)果，p1和p2為任意數(shù)值。查看全部
-
$("#btnShow_1").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://idcbgp.cn/data/check.php" }); }) $("#btnShow_2").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://idcbgp.cn/data/check_f.php" }); })查看全部
-
使用ajaxSetup()方法設(shè)置全局Ajax默認(rèn)選項(xiàng) 使用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ì)象，通過(guò)該對(duì)象設(shè)置Ajax請(qǐng)求時(shí)的全局選項(xiàng)值。 $(function () { $.ajaxSetup({ dataType:"text", success:function(data){ $("ul").append("<li>你輸入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); });查看全部
-
使用serialize()方法序列化表單元素值 使用serialize()方法可以將表單中有name屬性的元素值進(jìn)行序列化，生成標(biāo)準(zhǔn)URL編碼文本字符串，直接可用于ajax請(qǐng)求，它的調(diào)用格式如下： $(selector).serialize() 其中selector參數(shù)是一個(gè)或多個(gè)表單中的元素或表單元素本身。 <script type="text/javascript"> $(function () { $("#btnAction").bind("click", function () { if($(':checkbox').is(":checked")){ $("#litest").html($("form").serialize()) } }) }) </script>查看全部
-
自定義的lifocuscolor插件可以在<ul>元素中，鼠標(biāo)在表項(xiàng)<li>元素移動(dòng)時(shí)，自定義其獲取焦點(diǎn)時(shí)的背景色，即定義<li>元素選中是的背景色，調(diào)用格式為： $(Id).focusColor(color) 其中，參數(shù)Id表示<ul>元素的Id號(hào)，color表示<li>元素選中時(shí)的背景色。查看全部
-
$(selector).contextMenu(menuId,{options}); selector參數(shù)為綁定插件的元素，menuId為快捷菜單元素，options為配置對(duì)象查看全部
-
使用post()方法以POST方式從服務(wù)器發(fā)送數(shù)據(jù) 與get()方法相比，post()方法多用于以POST方式向服務(wù)器發(fā)送數(shù)據(jù)，服務(wù)器接收到數(shù)據(jù)之后，進(jìn)行處理，并將處理結(jié)果返回頁(yè)面，調(diào)用格式如下： $.post(url,[data],[callback]) 參數(shù)url為服務(wù)器請(qǐng)求地址，可選項(xiàng)data為向服務(wù)器請(qǐng)求時(shí)發(fā)送的數(shù)據(jù)，可選項(xiàng)callback參數(shù)為請(qǐng)求成功后執(zhí)行的回調(diào)函數(shù)。 <script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.post('http://idcbgp.cn/data/check_f.php',{num:$("#txtNumber").val()}, function (data) { $("ul").append("<li>你輸入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); }); }) }); </script>查看全部
-
使用get()方法以GET方式從服務(wù)器獲取數(shù)據(jù) 使用get()方法時(shí)，采用GET方式向服務(wù)器請(qǐng)求數(shù)據(jù)，并通過(guò)方法中回調(diào)函數(shù)的參數(shù)返回請(qǐng)求的數(shù)據(jù)，它的調(diào)用格式如下： $.get(url,[callback]) 參數(shù)url為服務(wù)器請(qǐng)求地址，可選項(xiàng)callback參數(shù)為請(qǐng)求成功后執(zhí)行的回調(diào)函數(shù)。 <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.get('http://idcbgp.cn/data/info_f.php',function(data){ $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + data.name + "</li>"); $("ul").append("<li>男朋友對(duì)我說(shuō)：" + data.say + "</li>"); }, "json"); }) }); </script>查看全部
-
使用getScript()方法異步加載并執(zhí)行js文件 使用getScript()方法異步請(qǐng)求并執(zhí)行服務(wù)器中的JavaScript格式的文件，它的調(diào)用格式如下所示： jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 參數(shù)url為服務(wù)器請(qǐng)求地址，可選項(xiàng)callback參數(shù)為請(qǐng)求成功后執(zhí)行的回調(diào)函數(shù)。 <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript('http://idcbgp.cn/data/sport_f.js',function(){ $this.attr("disabled","true"); }); }) }); </script>查看全部
-
使用getJSON()方法異步加載JSON格式數(shù)據(jù) 使用getJSON()方法可以通過(guò)Ajax異步請(qǐng)求的方式，獲取服務(wù)器中的數(shù)據(jù)，并對(duì)獲取的數(shù)據(jù)進(jìn)行解析，顯示在頁(yè)面中，它的調(diào)用格式為： jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中，url參數(shù)為請(qǐng)求加載json格式文件的服務(wù)器地址，可選項(xiàng)data參數(shù)為請(qǐng)求時(shí)發(fā)送的數(shù)據(jù)，callback參數(shù)為數(shù)據(jù)請(qǐng)求成功后，執(zhí)行的回調(diào)函數(shù)。 <script type="text/javascript"> $(function () { $("#btnShow").bind("click",function(){ var $this = $(this);$.getJSON("http://idcbgp.cn/data/sport.json",function(data){$this.attr("disabled","true");$.each(data,function(index, sport){if(index==3) $("ul").append("<li>"+sport["name"] + "</li>");});});}); }) }); </script>查看全部
舉報(bào)
0/150
提交
取消