其他

本文執行個體講述了jQuery使用$.get()方法從伺服器檔案載入資料。分享給大家供大家參考。具體如下：<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){

本文執行個體講述了jQuery使用post方法提交資料的用法。分享給大家供大家參考。具體實現方法如下：<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ $.post("demo_test_post.asp"

本文執行個體講述了jQuery外掛程式實現控制網頁元素動態置中顯示的方法。分享給大家供大家參考。具體實現方法如下：(function($){ $.fn._center = function(self, parent, dimension) { if(!dimension.vertical && !dimension.horizontal) return; //won't do anything anyway if(parent) parent =

本文執行個體講述了jQuery實現拖拽效果外掛程式的方法。分享給大家供大家參考。具體如下：下面的jQuery外掛程式允許你通過滑鼠右鍵點擊拖動overflow的元素，這個外掛程式可以在行動裝置上運行/*** jQuery Drag and Scroll** Copyright (c) 2012 Ryan Naddy (ryannaddy.com)* Dual licensed under the MIT and GPL licenses:*

本文執行個體講述了jQuery實現平滑滾動到指定錨點的方法。分享給大家供大家參考。具體如下：定義好指定的anchor錨點，調用下面的js代碼可以讓頁面平滑的滾動到指定的位置，非常實用，比如返回頁面頂部，去往頁面底部等功能// HTML:// <h1 id="anchor">Lorem Ipsum</h1>// <p><a href="#anchor" class="topLink">Back to Top</a></p>$(

本文執行個體講述了jQuery UI外掛程式自訂confirm確認框的方法。分享給大家供大家參考。具體分析如下：這段代碼通過jQuery UI自訂了一個confirm的確認對話方塊效果，通過html代碼自訂對話方塊的顯示介面和外觀，可以自訂confirm框的按鈕，本例中定義了一個confirm確認按鈕和一個cancel取消按鈕。html代碼<button id="callConfirm">Confirm!</button><div id="dialog"

jquery實現表單根據選項按鈕進列欄位的動畫切換，昨天寫的，感覺比起初學時寫的js/jquery有了很大進步。。在最大化擴充性的情況下經可能使代碼精簡。html複製代碼 代碼如下:<div class="control-group">                    <label

只需要幾行代碼就可以實現列表的全選功能，並且可以配合post請求執行背景刪除程式js複製代碼 代碼如下:function DelAlert(data)    {        if(data == 'error')        {        &

本文執行個體講述了jQuery選擇id屬性帶有點符號元素的方法。分享給大家供大家參考。具體分析如下：如果jquery要選擇的元素id中帶有點符號，在選擇時需要在點前面加上兩個反斜線，如： $("#address\\.street").text("Enter this field");具體代碼如下：<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;

本文執行個體講述了jQuery統計指定子項目數量的方法。分享給大家供大家參考。具體分析如下：jQuery可以通過 > 訪問子標籤，然後通過size獲得子標籤的數量<div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"> </div> <span><span></div>//jQuery code to

如何在一個頁面上讓多個jQuery共存呢？比如jquery-1.5和jquery-1.11。你可能會問，為什麼需要在一個頁面上讓多個jQuery共存？直接引用最新版本的jQuery不行嗎？答案是，不行。因為現實生活是非常殘酷的。舉個栗子：現有網站已經引用了jQuery

本文執行個體講述了jQuery驗證元素是否為空白的兩種常用方法。分享給大家供大家參考。具體如下：下面提供了兩種方法用於檢查指定id的元素的內容是否為空白// 方法一if (!$('#jb51').html()) {//http://www.jb51.net 什麼都沒有找到;}// 方法二if ($('#jb51').is(":empty")) {//http://www.jb51.net 什麼都沒有找到;}希望本文所述對大家的jQuery程式設計有所協助。

本文執行個體講述了jQuery在ul中顯示某個li索引號的方法。分享給大家供大家參考。具體分析如下：這段代碼不僅適用於ul和li的元素索引號尋找，也適用於其它帶有內含項目關聯性的元素索引號尋找，方法非常的巧妙$("ul > li").click(function () { // http://www.jb51.net　　var index = $(this).prevAll().length;//prevAll([expr]):

本文執行個體講述了jQuery支援動態參數將函數綁定到事件上的方法。分享給大家供大家參考。具體分析如下：下面的js代碼提供了兩種方法用於綁定函數到事件，其中方法二可以傳遞動態參數，非常實用//方法一$('#foo').click(function(event) {　　alert('User clicked on "foo."');}); //方法二, 支援動態傳參$('#foo').bind('click', {test1:"abc", test2:"123"},

本文執行個體講述了jQuery實現預先載入圖片的方法。分享給大家供大家參考。具體分析如下：這段js代碼用於預先載入圖片，記住是預先載入，不是後載入喲，就是在圖片還不顯示的時候就將圖片下載到使用者瀏覽器的緩衝中，這樣要顯示的時候就非常快，無需再到伺服器上去讀取圖片。jQuery.preloadImages = function() { 　　for(var i = 0; i < arguments.length; i++) { 　　　　$("<img />").attr('src'

本文執行個體講述了jQuery對指定元素中指定字串進行替換的方法。分享給大家供大家參考。具體如下：這段JS代碼可以將指定id的元素內容的字串進行替換，例如西面的代碼將id=content元素中的jb51字串替換成Null 字元html部分如下：<div id=content>welcome to jb51</div>jQuery部分如下：var el = $('#content'); el.html(el.html().replace(/jb51/ig,

jQuery結合css3動畫屬性製作獵豹瀏覽器寬屏banner焦點圖切換支援手機觸屏滑動焦點圖切換代碼複製代碼 代碼如下:<div class="slide-main" id="touchMain">    <a class="prev" href="javascript:;" stat="prev1001"><img src="images/l-btn.png" /></a>   

Expr.preFilter是tokenize方法中對ATTR、CHILD、PSEUDO三種選取器進行預先處理的方法。具體如下：Expr.preFilter : {"ATTR" : function(match) {/* * 完成如下任務： * 1、屬性名稱解碼 * 2、屬性值解碼 * 3、若判斷符為~=，則在屬性值兩邊加上空格 * 4、返回最終的mtach對象 * * match[1]表示屬性名稱， * match[1].replace(runescape,

/* * tokenize方法是選取器解析的核心函數，它將選取器轉換成兩級數組groups * 舉例： * 若選取器為“div.class,span”，則解析後的結果為： * group[0][0] = {type:'TAG',value:'div',matches:match} * group[0][1] = {type:'CLASS',value:'.class',matches:match} * group[1][0] =

/* * select方法是Sizzle選取器包的核心方法之一，其主要完成下列任務： * 1、調用tokenize方法完成對選取器的解析 * 2、對於沒有初始集合（即seed沒有賦值）且是單一塊選取器（即選取器字串中沒有逗號）， * 完成下列事項： * 1) 對於首選取器是ID類型且context是document的，則直接擷取對象替代傳入的context對象 * 2) 若選取器是單一選取器，且是id、class、tag類型的，則直接擷取並返回匹配的DOM元素 * 3)