亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

在jQuery中，通過$.browser對象可以獲取瀏覽器的名稱和版本信息

除使用$.extend擴展工具函數外，還可以擴展原有的Object對象，在擴展對象時，兩個對象將進行合并，當存在相同屬性名時，后者將覆蓋前者，調用格式為：

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

參數obj1至objN表示需要合并的各個原有對象。

?$(function () {

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

? ? ? ? ? ? ? ? var objMess = { name: "白富美,", title: "歡迎與我聯系！" };

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

? ? ? ? ? ? ? ? var strTmp = "<b>對象 白富美 合并后</b>：<br/><br/>";

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

? ? ? ? ? ? ? ? //顯示在頁面中

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

? ? ? ? ? ? });

調用名為$. extend的工具函數，可以對原有的工具函數進行擴展，自定義類級別的jQuery插件，調用格式為：

$.?extend ({options});

參數options表示自定義插件的函數內容。

?$extend({

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

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

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? });

調用名為$. param的工具函數，能使對象或數組按照key/value格式進行序列化編碼，該編碼后的值常用于向服務端發送URL請求，調用格式為：

$.?param (obj);

參數obj表示需要進行序列化的對象，該對象也可以是一個數組，整個函數返回一個經過序列化編碼后的字符串。

var objNewInfo =$ param(objInfo);

調用名為$.trim的工具函數，能刪除字符串中左右兩邊的空格符，但該函數不能刪除字符串中間的空格，調用格式為：

$.trim (str);

參數str表示需要刪除左右兩邊空格符的字符串。

?var strNew =$trim(strOld);

調用名為$.contains的工具函數，能檢測在一個DOM節點中是否包含另外一個DOM節點，如果包含，返回true，否則，返回false值，調用格式為：

$.contains (container, contained);

參數container表示一個DOM對象節點元素，用于包含其他節點的容器，contained是另一個DOM對象節點元素，用于被其他容器所包含。

if ($contains(node_a, node_b)) { //檢測是否包含節點

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

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? else {

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

? ? ? ? ? ? ? ? }

調用名為$.isPlainObject的工具函數，能檢測對象是否為通過{}或new Object()關鍵字創建的原始對象，如果是，返回true，否則，返回false值，調用格式為：

$.isPlainObject (obj);

其中，參數obj表示需要檢測的對象名稱。

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

? ? ? ? ? ? ? ? ? ? strTmp += "原始對象";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? else {

? ? ? ? ? ? ? ? ? ? strTmp += "非原始對象";

? ? ? ? ? ? ? ? }

在jQuery中，可以調用名為$.isEmptyObject的工具函數，檢測一個對象的內容是否為空，如果為空，則該函數返回true，否則，返回false值，調用格式如下：

$.isEmptyObject(obj);

其中，參數obj表示需要檢測的對象名稱。

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

瀏覽器的盒子模型分為兩類，一類為標準的w3c盒子模型，另一類為IE盒子模型，兩者區別為在Width和Height這兩個屬性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型則包含，而在jQuery 中，可以通過$.support.boxModel對象返回的值，檢測瀏覽器是否屬于標準的w3c盒子模型。

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

在jQuery中，通過$.browser對象可以獲取瀏覽器的名稱和版本信息，如$.browser.chrome為true，表示當前為Chrome瀏覽器，$.browser.mozilla為true，表示當前為火狐瀏覽器，還可以通過$.browser.version方式獲取瀏覽器版本信息。

? $(function () {

? ? ? ? ? ? ? ? var strTmp = "您的瀏覽器名稱是：";

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

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

? ? ? ? ? ? ? ? }

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

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

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? strTmp += "<br /><br /> 版本號是：" //獲取版本號

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

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

? ? ? ? ? ? });

工具提示插件可以定制元素的提示外觀，提示內容支持變量、Ajax遠程獲取，還可以自定義提示內容顯示的位置，它的調用格式如下：

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

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

?$(function () {

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

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

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

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

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

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

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

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

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

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

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

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

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? });

? ? ? ? ? ? });

微調按鈕插件不僅能在文本框中直接輸入數值，還可以通過點擊輸入框右側的上下按鈕修改輸入框的值，還支持鍵盤的上下方向鍵改變輸入值，調用格式如下：

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

selector參數為文本輸入框元素，可選項options參數為spinner()方法的配置對象，在該對象中，可以設置輸入的最大、最小值，獲取改變值和設置對應事件。

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

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

菜單工具插件可以通過<ul>創建多級內聯或彈出式菜單，支持通過鍵盤方向鍵控制菜單滑動，允許為菜單的各個選項添加圖標，調用格式如下：

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

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

?$(function () {

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

? ? ? ? ? ? });

對話框插件可以用動畫的效果彈出多種類型的對話框，實現JavaScript代碼中alert()和confirm()函數的功能，它的調用格式為：

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

selector參數為顯示彈出對話框的元素，通常為<div>，options參數為方法的配置對象，在對象中可以設置對話框類型、“確定”、“取消”按鈕執行的代碼等。

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

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

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

? ? ? ? ? ? ? ? ? ? title: '系統提示',

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

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

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

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

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

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

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

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

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

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

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

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

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

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? });

使用選項卡插件可以將<ul>中的<li>選項定義為選項標題，在標題中，再使用<a>元素的“href”屬性設置選項標題對應的內容，它的調用格式如下：

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

selector參數為選項卡整體外圍元素，該元素包含選項卡標題與內容，options參數為tabs()方法的配置對象，通過該對象還能以ajax方式加載選項卡的內容。

?

$(function () {

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

? ? ? ? ? ? ? ? ? ? //設置各選項卡在切換時的動畫效果

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

? ? ? ? ? ? ? ? ? ? event: "mousemove" //通過移動鼠標事件切換選項卡

? ? ? ? ? ? ? ? })

? ? ? ? ? ? });