-
在jQuery中,通過(guò)$.browser對(duì)象可以獲取瀏覽器的名稱(chēng)和版本信息
查看全部 -
除使用
$.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);
查看全部 -
調(diào)用名為
$.trim
的工具函數(shù),能刪除字符串中左右兩邊的空格符,但該函數(shù)不能刪除字符串中間的空格,調(diào)用格式為:$.trim (str);
參數(shù)str表示需要?jiǎng)h除左右兩邊空格符的字符串。
?var strNew =$trim(strOld);
查看全部 -
調(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();
? ? ? ? ? ? });
查看全部 -
對(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)