其他

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

本文執行個體講述了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'

複製代碼 代碼如下: <html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a zero in front of numbers<10 m=checkTime(m)

本文執行個體講述了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經過一段時間自動隱藏指定元素的方法。分享給大家供大家參考。具體如下：下面的代碼提供了兩種方法用於定時隱藏元素，第一種是使用setTimeout實現，第二種是使用jQuery1.4以後版本中提供的delay方法實現，第二種更簡單一下。//這是1.3.2中我們使用setTimeout來實現的方式 //http://www.jb51.netsetTimeout(function() { $('.showdiv').hide('blind', {}, 500) }, 500

最近做到iframe的高度自適應這個問題，網上一搜好多解決方案，而總結起來也就那幾種，我逐一嘗試這些方案，最後發現在我的項目中都不起作用，後來發現自己做的網頁是通過file方式訪問的，將網頁代碼放到apache下通過http協議訪問，在iframe載入的時候調用如下js方法： 複製代碼 代碼如下: <SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight(obj) { varwin=obj;

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

在一個前端頁面上，需要通過JavaScript來提交參數，使用JS建立form表單，將參數append到表單中進行提交，代碼如下： Js代碼: 複製代碼 代碼如下: functionloadConfig(gameUrl,skinId){ vartemp=document.createElement("form"); temp.action="${createLink(controller:'mobileConfig',action:'beforeLaunchConfig')}";

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

Javascript代碼 複製代碼 代碼如下: //在離開頁面時判斷是否有未儲存的輸入值 var hasSaved = false;//是否有輸入的內容未儲存標誌，初始值為false function CheckUnsave(){ if(hasSaved==false){ alert("您上傳的東西尚未儲存，請儲存後再離開頁面"); return false;} //return true; //不能加這個語句 } //儲存了則改變狀態 function ChangeState() {

本文執行個體講述了jquery使用hide方法隱藏指定id的元素。分享給大家供大家參考。具體如下：下面的代碼通過jQuery的hide方法隱藏了id=test的元素<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $("button").click(function(

本文執行個體講述了jQuery使用hide方法隱藏指定元素class樣式用法。分享給大家供大家參考。具體如下：下面的JS代碼可以隱藏所有class屬性等於test的元素<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){

1.HTML5實現了script的async屬性，這個新的屬性可以讓js在瀏覽器中以非阻塞的模式載入，另外script還有一個defer屬性，這個屬性目前所有瀏覽器都已實現（除了firefox和chrome的早期版本），IE這方面做得好，從一開始就支援些屬性。 複製代碼 代碼如下: //async <script async src="dquery.js" async></script> //defer <script async src="dquery.js"

本文執行個體講述了jQuery使用fadein方法實現漸出效果的方法。分享給大家供大家參考。具體分析如下：下面的JS代碼通過jQuery的fadein方法控制指定色塊逐漸顯示的功能<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){

本文執行個體講述了jQuery使用fadeout實現元素漸隱效果的方法。分享給大家供大家參考。具體分析如下：下面的JS代碼示範了jQuery控制色塊元素逐漸隱藏的效果，可以控制隱藏速度<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){

本文執行個體講述了jquery使用slideDown實現模組緩慢拉出效果的方法。分享給大家供大家參考。具體分析如下：下面的JS代碼通過按鈕控制指定的地區緩慢拉出顯示的效果<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){

jQuery 的 data API 實現方式有快取資料的效果 使用 IE 7 （IE8+ 在控制台切換至IE7 模式），當DOM 節點有自訂資料屬性時，檢查 DOM 節點即可看到 形如 jQuery18305664906559272507 的屬性，這便是 用於從資料存放區對象中擷取自訂資料的建。當自訂資料屬性是一個 json 格式字串時，緩衝的資料如果被修改， 則修改後的資料繼續存在於緩衝系統中， 如果不留意，這可能導致一些BUG 複製代碼 代碼如下: <!DOCTYPE HTML>

有些時候我們需要針對某些IE下的相容性寫單獨的JS處理代碼。有多種做法： 1.通過檢測navigation.userAgent來判斷是否是IE，再編寫IE分支的處理代碼： 2.通過聲明@cc_on 語句可以在指令碼的注釋內啟用條件編譯功能，這樣對於非IE瀏覽器就會將識別為注釋而忽略（實測，這種方式在IE6-9將適用！）： 複製代碼 代碼如下: /*@cc_on @if (@_jscript) alert("hello world"); @end @*/