第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

面板折疊插件可以實(shí)現(xiàn)頁面中指定區(qū)域類似“手風(fēng)琴”的折疊效果，即點(diǎn)擊標(biāo)題時(shí)展開內(nèi)容，再點(diǎn)另一標(biāo)題時(shí)，關(guān)閉已展開的內(nèi)容，調(diào)用格式如下：

$(selector).accordion({options});

其中，參數(shù)selector為整個(gè)面板元素，options參數(shù)為方法對應(yīng)的配置對象。

$(function () {

? ? ? ? ? ? ? ? $('accordion').accordion();

? ? ? ? ? ? });

拖曳排序插件的功能是將序列元素（例如<option>、<li>）按任意位置進(jìn)行拖曳從而形成一個(gè)新的元素序列，實(shí)現(xiàn)拖曳排序的功能，它的調(diào)用格式為：

$(selector).sortable({options});

selector參數(shù)為進(jìn)行拖曳排序的元素，options為調(diào)用方法時(shí)的配置對象，

$(function () {

? ? ? ? ? ? ? ? $("ul").sortable({

? ? ? ? ? ? ? ? ? ? delay:2,

? ? ? ? ? ? ? ? ? ? opacity: 0.35

? ? ? ? ? ? ? ? })

? ? ? ? ? ? });

除使用draggable插件拖曳任意元素外，還可以調(diào)用droppable UI插件將拖曳后的任意元素放置在指定區(qū)域中，類似購物車效果，調(diào)用格式如下：

$(selector).droppable({options})

selector參數(shù)為接收拖曳元素，options為方法的配置對象，在對象中，drop函數(shù)表示當(dāng)被接收的拖曳元素完全進(jìn)入接收元素的容器時(shí)，觸發(fā)該函數(shù)的調(diào)用。

$(function () {

? ? ? ? ? ? ? ? $(".drag").draggable();

? ? ? ? ? ? ? ? $(".cart").droppable({

? ? ? ? ? ? ? ? ? ? drop: function () {

? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this)

? ? ? ? ? ? ? ? ? ? ? ? ? ? .addClass("focus")

? ? ? ? ? ? ? ? ? ? ? ? ? ? .find("#tip").html("");

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? })

? ? ? ? ? ? });

拖曳插件draggable的功能是拖動(dòng)被綁定的元素，當(dāng)這個(gè)jQuery UI插件與元素綁定后，可以通過調(diào)用draggable()方法，實(shí)現(xiàn)各種拖曳元素的效果，調(diào)用格式如下：

$(selector). draggable({options})

options參數(shù)為方法調(diào)用時(shí)的配置對象，根據(jù)該對象可以設(shè)置各種拖曳效果，如“containment”屬性指定拖曳區(qū)域，“axis”屬性設(shè)置拖曳時(shí)的坐標(biāo)方向。

$(function () {

? ? ? ? ? ? ? ? $(."x").draggable({containment:"parent",axis:"x"})

? ? ? ? ? ? ? ? $(."x").draggable({containment:"parent",axis:"y"})

? ? ? ? ? ? });

通過調(diào)用自定義插件twoaddresult中的不同方法，可以實(shí)現(xiàn)對兩個(gè)數(shù)值進(jìn)行相加和相減的運(yùn)算，導(dǎo)入插件后，調(diào)用格式分別為：

$.addNum(p1,p2)?和?$.subNum(p1,p2)

上述調(diào)用格式分別為計(jì)算兩數(shù)值相加和相減的結(jié)果，p1和p2為任意數(shù)值。

?$(function () {

? ? ? ? ? ? ? ? $("#btnCount").bind("click", function () {

? ? ? ? ? ? ? ? ? ? $("#Text3").val(

? ? ? ? ? ? ? ? ? ? ? ? $.addNum($("#Text1").val(),

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?$("#Text2").val()));

? ? ? ? ? ? );

? ? ? ? ? ? ? ? });

? ? ? ? ? ? });

自定義的lifocuscolor插件可以在<ul>元素中，鼠標(biāo)在表項(xiàng)<li>元素移動(dòng)時(shí)，自定義其獲取焦點(diǎn)時(shí)的背景色，即定義<li>元素選中時(shí)的背景色，調(diào)用格式為：

$(Id).focusColor(color)

其中，參數(shù)Id表示<ul>元素的Id號(hào)，color表示<li>元素選中時(shí)的背景色。

?$("#ul").focusColor("#ccc")?

右鍵菜單插件可以綁定頁面中的任意元素，綁定后，選中元素，點(diǎn)擊右鍵，便通過該插件彈出一個(gè)快捷菜單，點(diǎn)擊菜單各項(xiàng)名稱執(zhí)行相應(yīng)操作，調(diào)用代碼如下：

$(selector).contextMenu(menuId,{options});

Selector參數(shù)為綁定插件的元素，meunId為快捷菜單元素，options為配置對象。

?$("#divtest").contextMenu('sysMenu',

搜索插件的功能是通過插件的autocomplete()方法與文本框相綁定，當(dāng)文本框輸入字符時(shí)，綁定后的插件將返回與字符相近的字符串提示選擇，調(diào)用格式如下：

$(textbox).autocomplete(urlData,[options]);

其中，textbox參數(shù)為文本框元素名稱，urlData為插件返回的相近字符串?dāng)?shù)據(jù)，可選項(xiàng)參數(shù)options為調(diào)用插件方法時(shí)的配置對象。

?$("#txtSearch").autocomplete(arrUserName,{

保存

$.cookie(key,value)

讀取

$.cookie(key)

刪除

$.cookie(key,null)

其中參數(shù)key為保存cookie對象的名稱，value為名稱對應(yīng)的cookie值。

? $(function () {

? ? ? ? ? ? ? ? if ($.cookie("email")) {

? ? ? ? ? ? ? ? ? ? $("#email").val($.cookie("username"));

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? $("#btnSet").bind("click", function () {

? ? ? ? ? ? ? ? ? ? if ($("#chksave").is(":checked")) {

? ? ? ? ? ? ? ? ? ? ? ? $cookie.("username",$("#username").val(), {

? ? ? ? ? ? ? ? ? ? ? ? ? ? path: "/", expires: 7

? ? ? ? ? ? ? ? ? ? ? ? })

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? else {

? ? ? ? ? ? ? ? ? ? ? ? $cookie("username",null, {

? ? ? ? ? ? ? ? ? ? ? ? ? ? path: "/"

? ? ? ? ? ? ? ? ? ? ? ? })

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? });

? ? ? ? ? ? });

圖片放大鏡

在調(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為插件方法的配置對象。

?$(function () {

? ? ? ? ? ? ? ? $("#jqzoom"),jqzoom({//綁定圖片放大插件jqzoom

? ? ? ? ? ? ? ? ? ? zoomWidth: 123, //小圖片所選區(qū)域的寬

? ? ? ? ? ? ? ? ? ? zoomHeight: 123, //小圖片所選區(qū)域的高

? ? ? ? ? ? ? ? ? ? zoomType: 'reverse' //設(shè)置放大鏡的類型

? ? ? ? ? ? ? ? });

? ? ? ? ? ? });

該插件可以用圓角的方式展示選擇中的圖片，使用按鈕查看上下張圖片，在加載圖片時(shí)自帶進(jìn)度條，還能以自動(dòng)播放的方式瀏覽圖片，調(diào)用格式如下：

$(linkimage).lightBox({options})

其中l(wèi)inkimage參數(shù)為包含圖片的<a>元素名稱，options為插件方法的配置對象。

? $(function () {

? ? ? ? ? ? ? ? $('.divPics a').lightBox({

? ? ? ? ? ? ? ? ? ? overlayBgColor: "#666", //圖片瀏覽時(shí)的背景色

? ? ? ? ? ? ? ? ? ? overlayOpacity: 0.5, //背景色的透明度

? ? ? ? ? ? ? ? ? ? containerResizeSpeed: 600 //圖片切換時(shí)的速度

? ? ? ? ? ? ? ? })

? ? ? ? ? ? });

通過表單form插件，調(diào)用ajaxForm()方法，實(shí)現(xiàn)ajax方式向服務(wù)器提交表單數(shù)據(jù)，并通過方法中的options對象獲取服務(wù)器返回?cái)?shù)據(jù)，調(diào)用格式如下：

$(form). ajaxForm ({options})

其中form參數(shù)表示表單元素名稱；options是一個(gè)配置對象，用于在發(fā)送ajax請求過程，設(shè)置發(fā)送時(shí)的數(shù)據(jù)和參數(shù)。

該插件自帶包含必填、數(shù)字、URL在內(nèi)容的驗(yàn)證規(guī)則，即時(shí)顯示異常信息，此外，還允許自定義驗(yàn)證規(guī)則，插件調(diào)用方法如下：

$(form).validate({options})

其中form參數(shù)表示表單元素名稱，options參數(shù)表示調(diào)用方法時(shí)的配置對象，所有的驗(yàn)證規(guī)則和異常信息顯示的位置都在該對象中進(jìn)行設(shè)置。

?$(function () {

? ? ? ? ? ? ? ? $("#frmV").validate(

? ? ? ? ? ? ? ? ? {

? ? ? ? ? ? ? ? ? ? ? /*自定義驗(yàn)證規(guī)則*/

? ? ? ? ? ? ? ? ? ? ? rules: {

? ? ? ? ? ? ? ? ? ? ? ? ? ? emial;{

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?required: true ,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?email: true

? ? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? ? ? /*錯(cuò)誤提示位置*/

? ? ? ? ? ? ? ? ? ? ? errorPlacement: function (error, element) {

? ? ? ? ? ? ? ? ? ? ? ? ? error.appendTo(".tip");

? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? );

? ? ? ? ? ? });

ajaxStart()和ajaxStop()方法是綁定Ajax事件。ajaxStart()方法用于在Ajax請求發(fā)出前觸發(fā)函數(shù)，ajaxStop()方法用于在Ajax請求完成后觸發(fā)函數(shù)。它們的調(diào)用格式為：

$(selector).ajaxStart(function())和$(selector).ajaxStop(function())

其中，兩個(gè)方法中括號(hào)都是綁定的函數(shù)，當(dāng)發(fā)送Ajax請求前執(zhí)行ajaxStart()方法綁定的函數(shù)，請求成功后，執(zhí)行ajaxStop ()方法綁定的函數(shù)。

$(function () {

? ? ? ? ? ? ? ? $('#divload').ajaxStart (function(){

? ? ? ? ? ? ? ? ? ? $(this).html("正在請求數(shù)據(jù)...");

? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? $('#divload').ajaxStop (function(){

? ? ? ? ? ? ? ? ? ? $(this).html("數(shù)據(jù)請求完成！");

? ? ? ? ? ? ? ? });

使用ajaxSetup()方法可以設(shè)置Ajax請求的一些全局性選項(xiàng)值，設(shè)置完成后，后面的Ajax請求將不需要再添加這些選項(xiàng)值，它的調(diào)用格式為：

jQuery.ajaxSetup([options])或$.ajaxSetup([options])

可選項(xiàng)options參數(shù)為一個(gè)對象，通過該對象設(shè)置Ajax請求時(shí)的全局選項(xiàng)值。

<script type="text/javascript">

? ? ? ? ? ? $(function () {

? ? ? ? ? ? ? ? $.ajaxSetup({

? ? ? ? ? ? ? ? ? ? dataType:"text",

? ? ? ? ? ? ? ? ? ? success: function (data){

? ? ? ? ? ? ? ? ? ? ? ? $("ul").append("<li>你輸入的<b> ?"

? ? ? ? ? ? ? ? ? ? ? ? ? ? + $("#txtNumber").val() + " </b>是<b> "

? ? ? ? ? ? ? ? ? ? ? ? ? ? + data + " </b></li>");

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? $("#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"

? ? ? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? })

? ? ? ? ? ? });

? ? ? ? </script>