Time of Update: 2017-01-19
1. 判斷表單元素是否存在(一) 複製代碼 代碼如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->if("periodPerMonth" in document.theForm) { return true; } else{ return false; } 2. 判斷頁面元素是否存在 複製代碼 代碼如下:
Time of Update: 2017-01-19
前端開發人員應該很清楚 Javscript 指令碼的 function 函數對象可以通過 call 或 apply 方法,使其改變內部範圍(this)所指向的對象,實現更多可擴充的功能開發。ie 原生支援 function 對象的 call 和 apply 方法,在 firefox 或其它瀏覽器下也得到支援,但是 call 和 apply 方法是立即作用並執行,例如: 複製代碼 代碼如下: var func = function () { alert(this); }.apply(window)
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現複選框成對選擇及對應取消的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-19
基本選取器 基本選取器是jQuery中最常用的選取器,也是最簡單的選取器,它通過元素id、class和標籤名等來尋找DOM元素。在網頁中,每個id名稱只能使用一次,class允許重複使用。 選取器 描述 返回 樣本
Time of Update: 2017-01-19
方法 描述 樣本 append() 向每個匹配的元素內部追加內容 HTML代碼:<p>我想說:</p> jQuery代碼: $("p").append("<b>你好</b>"); 結果: <p>我想說:<b>你好</b></p> appendTo(
Time of Update: 2017-01-19
下面樣本可能用到如下HTML代碼:複製代碼 代碼如下:<ul> <li title="t1">蘋果</li> <li>香蕉</li> <li>橘子</li> <li>葡萄</li>
Time of Update: 2017-01-19
本文執行個體講述了Jquery實現地鐵線路指示燈提示牌效果的方法。分享給大家供大家參考。具體分析如下:經常做地鐵的朋友應該都有所觀察吧,就是地鐵開動的時候那個綠色的指示燈從一個方向到另一個方向一直來回走,知道到站了才停止運動,我一直都很想做這樣的效果。今天細細琢磨下,總算摸到一點頭緒了,並且有效果產生了,雖然還有地方最佳化,先把代碼貼出來。不過,注釋的地方代碼有點問題,到最後一個索引的時候重新重新沖索引0開始添加顏色,但是第二次執行後沒有從索引0開始,感興趣的朋友可以完善一下。複製代碼
Time of Update: 2017-01-19
EasyUI,在增、刪的時候,經常用到二級頁面進行勾選。可以在datagird下面添加onCheck、onUncheck、onSelectAll、onUnselectAll事件。在這些事件中,將勾選的內容存到map中,並轉換成json格式字串放到隱藏欄位中。複製代碼 代碼如下:onCheck : function(rowIndex, rowData) if (rowIndex > -1) { var userId=
Time of Update: 2017-01-19
這是網友在EasyUI拓展時的代碼。可以根據實際需要自行修改。 $.modalDialog2.handler 這個handler代表彈出的dialog控制代碼 $.modalDialog2.xxx 這個xxx是可以自己定義名稱,主要用在彈窗關閉時,重新整理某些對象的操作,可以將xxx這個對象預定義好複製代碼 代碼如下:$.modalDialogTwo = function(options) { if ($.modalDialogTwo.handler ==
Time of Update: 2017-01-19
jquery.uploadify外掛程式在chrome瀏覽器頻繁崩潰問題,一直困擾了好久,網上很多人說是由於chrome緩衝的原因,外掛程式初始化時,需要引用js,而chrome的緩衝導致沒有沒有請求到jquery.uploadify-3.1_min.js,所以引起崩潰,可以在引用js時,加入隨機數:<script type="text/javascript" src="/js/jquery.uploadify-3.1_min.js?ver=<?php echo
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現折線圖的方法。分享給大家供大家參考。具體如下:效果圖如下所示:js引用:複製代碼 代碼如下:<script src="Js/Index/jquery-1.5.2.min.js" type="text/javascript"></script> <script src="js/Index/raphael.2.1.0.min.js"
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現菜單感應滑鼠滑動動畫效果的方法。分享給大家供大家參考。具體分析如下:此代碼測試環境為IE9 以及GG、FF瀏覽器,IE8及以下瀏覽器可能不支援,希望理解。這款JS滑鼠滑動效果使用jQuery實現簡單動畫的方法,而且也驚喜的發現,jquery有更好的書寫方法,可以連寫,在animate方法前加上stop方法就可實現滑鼠移出後,不再執行滑動效果。複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現tab標籤自動切換的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現的輸入框選擇時間外掛程式用法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<!dooCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><meta charset =
Time of Update: 2017-01-19
1、$(document)將document對象轉換為jquery複製代碼 代碼如下:$(document).ready(function(){ alert("hello world");});2、擷取所有的超連結對象,並且增加onclick事件;其實在底層jquery對象獲得的每個標籤的數組,因此我們不需要進行迴圈了複製代碼 代碼如下:$(document).ready(function(){
Time of Update: 2017-01-19
jQuery提供一些方法(如:toggle)將兩種事件效果合并到一起,比如:mouseover、mouseout;keyup、keydown等1、hover函數 hover(over,out)一個模仿懸停事件(滑鼠移動到一個對象上面及移出這個對象)的方法。這是一個自訂的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。參數: over (Function) :
Time of Update: 2017-01-19
本執行個體將實現顯示網頁檔案最後的修改時間。首先在頁面添加了一個文字框控制項,然後使用javascript建立了一個函數,在函數中調用document對象的lastModified屬性,然後在頁面的文字框中顯示檔案上一次被修改的時間,通過這種方法可以查看網頁的更新時間。 實現過程: 1.編寫自訂函數,代碼如下: 複製代碼 代碼如下: <script language="javascript"> function alterdate() {
Time of Update: 2017-01-19
前段時間同事在群裡對jQuery裡的.data()方法大發牢騷: XXX(NNNNNNN) 15:11:34 <a id="a" data-xxx="00123" /> alert($('#a').data('xxx'));//123 data方法不靠譜 XXX(NNNNNNN) 15:13:17 老老實實用attr('data-xxx')吧細研究了下jQuery文檔對.data()方法的描述: 複製代碼 代碼如下: As of jQuery 1.4.3 HTML 5 data-
Time of Update: 2017-01-19
看到項目裡通過js數組split方法格式化查詢字串的,突發奇想為什麼不能用正則呢,效能如何?於是便有了如下代碼: 複製代碼 代碼如下: var url='www.baidu.com?a=123&b=456&c=789&e=dfsdfsdfsdfsdfsdfsdf&f=46545454545454785&g=e23232dsfvdfvdf'; /** * 格式化查詢字串(正則實現) * @param url url地址 * @return {Object} 格式化的json對象 */
Time of Update: 2017-01-19
js中針對數組操作的方法還是比較多的,今天突然想到來總結一下,也算是溫故而知新吧。不過不會針對每個方法進行講解,我只是選擇其中的一些來講。 首先來講一下push和pop方法,這兩個方法只會對數組從尾部進行壓入或彈出,而且是在原數組進行操作,任何的改動都是會影響到操作的數組。push(args)可以每次壓入多個元素,並返回更新後的數組長度。pop()函數每次只會彈出最後一個結尾的元素,並返回彈出的元素,如果是對空組數調用pop()則返回undefined。