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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件

難度中級(jí)
時(shí)長(zhǎng) 3小時(shí)20分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.40
97人評(píng)價(jià) 查看評(píng)價(jià)
9.6 內(nèi)容實(shí)用
9.2 簡(jiǎn)潔易懂
9.4 邏輯清晰
  • 在jQuery中,通過(guò)$.browser對(duì)象可以獲取瀏覽器的名稱(chēng)和版本信息

    查看全部
    0 采集 收起 來(lái)源:練習(xí)題

    2018-07-12

  • 除使用$.extend擴(kuò)展工具函數(shù)外,還可以擴(kuò)展原有的Object對(duì)象,在擴(kuò)展對(duì)象時(shí),兩個(gè)對(duì)象將進(jìn)行合并,當(dāng)存在相同屬性名時(shí),后者將覆蓋前者,調(diào)用格式為:

    $.?extend (obj1,obj2,…objN);

    參數(shù)obj1至objN表示需要合并的各個(gè)原有對(duì)象。


    ?$(function () {

    ? ? ? ? ? ? ? ? var objInfo = { name: "" };

    ? ? ? ? ? ? ? ? var objMess = { name: "白富美,", title: "歡迎與我聯(lián)系!" };

    ? ? ? ? ? ? ? ? var objNewInfo =$extend(objInfo,objMess);

    ? ? ? ? ? ? ? ? var strTmp = "<b>對(duì)象 白富美 合并后</b>:<br/><br/>";

    ? ? ? ? ? ? ? ? strTmp += objNewInfo.name + objInfo.title;

    ? ? ? ? ? ? ? ? //顯示在頁(yè)面中

    ? ? ? ? ? ? ? ? $(".tip").show().append(strTmp);

    ? ? ? ? ? ? });


    查看全部
  • 調(diào)用名為$. extend的工具函數(shù),可以對(duì)原有的工具函數(shù)進(jìn)行擴(kuò)展,自定義類(lèi)級(jí)別的jQuery插件,調(diào)用格式為:

    $.?extend ({options});

    參數(shù)options表示自定義插件的函數(shù)內(nèi)容。


    ?$extend({

    ? ? ? ? ? ? ? ? ? ? "MinNum": function (p1, p2) {

    ? ? ? ? ? ? ? ? ? ? ? ? return (p1 > p2) ? p2 : p1;

    ? ? ? ? ? ? ? ? ? ? }

    ? ? ? ? ? ? ? ? });


    查看全部
  • 調(diào)用名為$. param的工具函數(shù),能使對(duì)象或數(shù)組按照key/value格式進(jìn)行序列化編碼,該編碼后的值常用于向服務(wù)端發(fā)送URL請(qǐng)求,調(diào)用格式為:

    $.?param (obj);

    參數(shù)obj表示需要進(jìn)行序列化的對(duì)象,該對(duì)象也可以是一個(gè)數(shù)組,整個(gè)函數(shù)返回一個(gè)經(jīng)過(guò)序列化編碼后的字符串。

    var objNewInfo =$ param(objInfo);

    查看全部
    0 采集 收起 來(lái)源:URL操作函數(shù)

    2018-07-12

  • 調(diào)用名為$.trim的工具函數(shù),能刪除字符串中左右兩邊的空格符,但該函數(shù)不能刪除字符串中間的空格,調(diào)用格式為:

    $.trim (str);

    參數(shù)str表示需要?jiǎng)h除左右兩邊空格符的字符串。


    ?var strNew =$trim(strOld);

    查看全部
    1 采集 收起 來(lái)源:字符串操作函數(shù)

    2018-07-12

  • 調(diào)用名為$.contains的工具函數(shù),能檢測(cè)在一個(gè)DOM節(jié)點(diǎn)中是否包含另外一個(gè)DOM節(jié)點(diǎn),如果包含,返回true,否則,返回false值,調(diào)用格式為:

    $.contains (container, contained);

    參數(shù)container表示一個(gè)DOM對(duì)象節(jié)點(diǎn)元素,用于包含其他節(jié)點(diǎn)的容器,contained是另一個(gè)DOM對(duì)象節(jié)點(diǎn)元素,用于被其他容器所包含。


    if ($contains(node_a, node_b)) { //檢測(cè)是否包含節(jié)點(diǎn)

    ? ? ? ? ? ? ? ? ? ? strTmp += " 包含 ";

    ? ? ? ? ? ? ? ? }

    ? ? ? ? ? ? ? ? else {

    ? ? ? ? ? ? ? ? ? ? strTmp += " 不包含 ";

    ? ? ? ? ? ? ? ? }


    查看全部
  • 調(diào)用名為$.isPlainObject的工具函數(shù),能檢測(cè)對(duì)象是否為通過(guò){}new Object()關(guān)鍵字創(chuàng)建的原始對(duì)象,如果是,返回true,否則,返回false值,調(diào)用格式為:

    $.isPlainObject (obj);

    其中,參數(shù)obj表示需要檢測(cè)的對(duì)象名稱(chēng)。


    if ($isPlainObject(obj)) { //檢測(cè)是否為原始對(duì)象

    ? ? ? ? ? ? ? ? ? ? strTmp += "原始對(duì)象";

    ? ? ? ? ? ? ? ? }

    ? ? ? ? ? ? ? ? else {

    ? ? ? ? ? ? ? ? ? ? strTmp += "非原始對(duì)象";

    ? ? ? ? ? ? ? ? }


    查看全部
  • 在jQuery中,可以調(diào)用名為$.isEmptyObject的工具函數(shù),檢測(cè)一個(gè)對(duì)象的內(nèi)容是否為空,如果為空,則該函數(shù)返回true,否則,返回false值,調(diào)用格式如下:

    $.isEmptyObject(obj);

    其中,參數(shù)obj表示需要檢測(cè)的對(duì)象名稱(chēng)。


    if ($.isEmptyObkect(obj)) { //檢測(cè)是否為空

    查看全部
  • 瀏覽器的盒子模型分為兩類(lèi),一類(lèi)為標(biāo)準(zhǔn)的w3c盒子模型,另一類(lèi)為IE盒子模型,兩者區(qū)別為在Width和Height這兩個(gè)屬性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型則包含,而在jQuery 中,可以通過(guò)$.support.boxModel對(duì)象返回的值,檢測(cè)瀏覽器是否屬于標(biāo)準(zhǔn)的w3c盒子模型。


    if ($.support.boxModel) { //是W3C盒子模型

    查看全部
  • 在jQuery中,通過(guò)$.browser對(duì)象可以獲取瀏覽器的名稱(chēng)和版本信息,如$.browser.chrome為true,表示當(dāng)前為Chrome瀏覽器,$.browser.mozilla為true,表示當(dāng)前為火狐瀏覽器,還可以通過(guò)$.browser.version方式獲取瀏覽器版本信息。


    ? $(function () {

    ? ? ? ? ? ? ? ? var strTmp = "您的瀏覽器名稱(chēng)是:";

    ? ? ? ? ? ? ? ? if ($.browser.chrome) { //谷歌瀏覽器

    ? ? ? ? ? ? ? ? ? ? strTmp += "Chrome";

    ? ? ? ? ? ? ? ? }

    ? ? ? ? ? ? ? ? if ($.browser.mozilla) { //火狐相關(guān)瀏覽器

    ? ? ? ? ? ? ? ? ? ? strTmp += "Mozilla FireFox";

    ? ? ? ? ? ? ? ? }

    ? ? ? ? ? ? ? ? strTmp += "<br /><br /> 版本號(hào)是:" //獲取版本號(hào)

    ? ? ? ? ? ? ? ? ? ? ? ?+$.browser.version;

    ? ? ? ? ? ? ? ? $(".content").html(strTmp);

    ? ? ? ? ? ? });


    查看全部
  • 工具提示插件可以定制元素的提示外觀(guān),提示內(nèi)容支持變量、Ajax遠(yuǎn)程獲取,還可以自定義提示內(nèi)容顯示的位置,它的調(diào)用格式如下:

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

    其中selector為需要顯示提示信息的元素,可選項(xiàng)參數(shù)options為tooltip()方法的配置對(duì)象,在該對(duì)象中,可以設(shè)置提示信息的彈出、隱藏時(shí)的效果和所在位置。


    ?$(function () {

    ? ? ? ? ? ? ? ? $("a").tooltip({

    ? ? ? ? ? ? ? ? ? ? show: {

    ? ? ? ? ? ? ? ? ? ? ? ? effect: "slideDown",

    ? ? ? ? ? ? ? ? ? ? ? ? delay: 350

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

    ? ? ? ? ? ? ? ? ? ? hide: {

    ? ? ? ? ? ? ? ? ? ? ? ? effect: "explode",

    ? ? ? ? ? ? ? ? ? ? ? ? delay: 350

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

    ? ? ? ? ? ? ? ? ? ? position: {

    ? ? ? ? ? ? ? ? ? ? ? ? my: "left top",

    ? ? ? ? ? ? ? ? ? ? ? ? at: "left bottom"

    ? ? ? ? ? ? ? ? ? ? }

    ? ? ? ? ? ? ? ? });

    ? ? ? ? ? ? });


    查看全部
  • 微調(diào)按鈕插件不僅能在文本框中直接輸入數(shù)值,還可以通過(guò)點(diǎn)擊輸入框右側(cè)的上下按鈕修改輸入框的值,還支持鍵盤(pán)的上下方向鍵改變輸入值,調(diào)用格式如下:

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

    selector參數(shù)為文本輸入框元素,可選項(xiàng)options參數(shù)為spinner()方法的配置對(duì)象,在該對(duì)象中,可以設(shè)置輸入的最大、最小值,獲取改變值和設(shè)置對(duì)應(yīng)事件。


    ?var intR = 0, intG = 0, intB = 0, strColor;

    ? ? ? ? ? ? ? ? $("input").spinner({


    查看全部
  • 菜單工具插件可以通過(guò)<ul>創(chuàng)建多級(jí)內(nèi)聯(lián)或彈出式菜單,支持通過(guò)鍵盤(pán)方向鍵控制菜單滑動(dòng),允許為菜單的各個(gè)選項(xiàng)添加圖標(biāo),調(diào)用格式如下:

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

    selector參數(shù)為菜單列表中最外層<ul>元素,options為menu()方法的配置對(duì)象。

    ?$(function () {

    ? ? ? ? ? ? ? ? $("menu").menu();

    ? ? ? ? ? ? });


    查看全部
    1 采集 收起 來(lái)源:菜單工具插件——menu

    2018-07-12

  • 對(duì)話(huà)框插件可以用動(dòng)畫(huà)的效果彈出多種類(lèi)型的對(duì)話(huà)框,實(shí)現(xiàn)JavaScript代碼中alert()confirm()函數(shù)的功能,它的調(diào)用格式為:

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

    selector參數(shù)為顯示彈出對(duì)話(huà)框的元素,通常為<div>,options參數(shù)為方法的配置對(duì)象,在對(duì)象中可以設(shè)置對(duì)話(huà)框類(lèi)型、“確定”、“取消”按鈕執(zhí)行的代碼等。

    ?$("#dialog-model").dialog({

    ? ? ? ? ? ? ? ? ? ? height: 140,

    ? ? ? ? ? ? ? ? ? ? modal: true,

    ? ? ? ? ? ? ? ? ? ? title: '系統(tǒng)提示',

    ? ? ? ? ? ? ? ? ? ? hide: 'slide',

    ? ? ? ? ? ? ? ? ? ? buttons: {

    ? ? ? ? ? ? ? ? ? ? ? ? '確定': function () {

    ? ? ? ? ? ? ? ? ? ? ? ? ? ? $("#spnName").remove();

    ? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this).dialog("close");

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

    ? ? ? ? ? ? ? ? ? ? ? ? '取消': function () {

    ? ? ? ? ? ? ? ? ? ? ? ? ? ? $(this).dialog("close");

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

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

    ? ? ? ? ? ? ? ? ? ? open: function (event, ui) {

    ? ? ? ? ? ? ? ? ? ? ? ? $(this).html("");

    ? ? ? ? ? ? ? ? ? ? ? ? $(this).append("<p>" + content + "</p>");

    ? ? ? ? ? ? ? ? ? ? }

    ? ? ? ? ? ? ? ? });


    查看全部
  • 使用選項(xiàng)卡插件可以將<ul>中的<li>選項(xiàng)定義為選項(xiàng)標(biāo)題,在標(biāo)題中,再使用<a>元素的“href”屬性設(shè)置選項(xiàng)標(biāo)題對(duì)應(yīng)的內(nèi)容,它的調(diào)用格式如下:

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

    selector參數(shù)為選項(xiàng)卡整體外圍元素,該元素包含選項(xiàng)卡標(biāo)題與內(nèi)容,options參數(shù)為tabs()方法的配置對(duì)象,通過(guò)該對(duì)象還能以ajax方式加載選項(xiàng)卡的內(nèi)容。

    ?

    $(function () {

    ? ? ? ? ? ? ? ?$("#tabs").tabs ({

    ? ? ? ? ? ? ? ? ? ? //設(shè)置各選項(xiàng)卡在切換時(shí)的動(dòng)畫(huà)效果

    ? ? ? ? ? ? ? ? ? ? fx: { opacity: "toggle", height: "toggle" },

    ? ? ? ? ? ? ? ? ? ? event: "mousemove" //通過(guò)移動(dòng)鼠標(biāo)事件切換選項(xiàng)卡

    ? ? ? ? ? ? ? ? })

    ? ? ? ? ? ? });


    查看全部

舉報(bào)

0/150
提交
取消
課程須知
1、有HTML/CSS基礎(chǔ) 2、有JavaScript基礎(chǔ)
老師告訴你能學(xué)到什么?
1、jQuery中的ajax應(yīng)用 2、jQuery中的插件 3、jQuery中的工具類(lèi)函數(shù)

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買(mǎi)該課程,無(wú)需重復(fù)購(gòu)買(mǎi),感謝您對(duì)慕課網(wǎng)的支持!