Time of Update: 2018-12-08
1 基本選取器$(#id) 根據給定的id匹配一個元素$(.class) 根據給定的類名匹配元素$(element) 根據給定的元素名匹配元素$(*) 匹配所有元素$(selector1,selector2,...,selectorN) 將每一個選取器匹配到的元素合并後一起返回2 層次選取器$("ancestor descendant") 選取ancestor元素裡的所有descendant(後代)元素$("parent > child")
Time of Update: 2018-12-08
所以要引入JQUERY架構。 把我的這個控制項代碼放到一個js檔案裡面直接引入就可以了 控制項代碼 複製代碼 代碼如下:$.fn.myDrag = function() { var self = $(this); self.css("position", "absolute"); var p = self.position(); self.css({ left: p.left, top: p.top }); self.mousedown( function(event) { //
Time of Update: 2018-12-08
修改的 lightbox 版本是 2.04 版。 下面是使用我們在使用 lightbox 來顯示圖片時的基本設定: 複製代碼 代碼如下:<a href="image-url" rel="lightbox" title="image-remark"> content </a> 主要是給串連加了一個 rel="lightbox" 屬性 以上面的試設定好串連時, 當點擊此串連,lightbox 將會顯示串連上的圖片,並使用串連的 title
Time of Update: 2018-12-08
此控制項是基於Jquery開發的,要引用Jquery架構 控制項代碼 複製代碼 代碼如下:$.fn.myNudge = function() { var self = $(this); self.css({ position: "absolute" }); //讓這個元素絕對位置 var selfLeft = self.css("left"); var selfTop = self.css("top"); self.css({ left: selfLeft, top: selfTop }); /
Time of Update: 2018-12-08
因為直接把內容作為字串給編輯器的 Value 屬性賦值使用的是 JavaScript 代碼,要讓 JS 代碼不受內容中雙引號、換行等的幹擾,只有先讀入到 textarea 最方便。 使用 CKeditor 3.0.1 複製代碼 代碼如下:<textarea cols="90" rows="10" id="content" name="content">cftea</textarea> <script type="text/javascript"
Time of Update: 2018-12-08
程式源碼 複製代碼 代碼如下:var floatAd = {}; floatAd.getScrollTop = function(node) { var doc = node ? node.ownerDocument : document; return doc.documentElement.scrollTop || doc.body.scrollTop; }; floatAd.getScrollLeft = function(node) { var doc = node ?
Time of Update: 2018-12-08
1:判斷radio 複製代碼 代碼如下:var selected = $('input[name=selectid:checked]').val();//若未被選中 則val() = null if(selected == null){ alert("未選中!"); }else{ alert("選中!"); } 2:判斷checkbox 複製代碼 代碼如下:var n = $("input:checked").length; if(n==0){ alert("未選中!"); }else{
Time of Update: 2018-12-08
複製代碼 代碼如下:<input value="請輸入使用者名稱" type="text"> <input value="請輸入密碼" type="text"> <input value="提交" type="submit"> <script> $(function(){ //輸入框中文字顏色控制 $("input:not(:last)").css("color","#999"); }); //使用者名稱框滑鼠焦點移進,文字消失 $("input:
Time of Update: 2018-12-08
因此如果要建立一個與已經存在的對象內容相同的對象,不能通過簡單的賦值操作。這樣說的可能還是不太明白。 看下面的例子: 複製代碼 代碼如下:var a=[1,2,3,4]; var b=a;c=b; a.pop(); //移除最後一個元素 alert(b); //彈出1,2,3 alert(c); //彈出1,2,3 var a=[1,2,3,4]; var b=a;c=b; a.pop(); //移除最後一個元素 alert(b); //彈出1,2,3 alert(c); //彈出1,2,3
Time of Update: 2018-12-08
1 尋找元素節點 var $x = $("selector").text()2 尋找屬性節點 var $x = $("selector").attr("property")3 建立節點 var $x = $("html")4 插入節點$("selector").append() 向每個匹配的元素內部追加內容$("selector").appendTo() 等價於.append()操作符左右互換$("selector").prepend()
Time of Update: 2018-12-08
熟悉jquery的傢伙大概花個5到10分鐘就可以搞定了吧。由於這種導 航效果比較通用,LEVIN順手寫了個 jquery外掛程式~ 如果你的網站也需要類似的效果,大可拿去直接用或者擴充下:) 如果你也想嘗試將某些可重用功能封 裝成jquery外掛程式,別忘了看看一般的jquery外掛程式開發過程,另外還有偶的一個jquery外掛程式模板。 複製代碼 代碼如下:;(function($) { // Private functions. var p = {}; p.showC = function(
Time of Update: 2018-12-08
複製代碼 代碼如下:function test(){ //將參數轉為一個數組 var args = Array.prototype.slice.apply(arguments); alert(args); }
Time of Update: 2018-12-08
// 1.判斷select選項中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } }
Time of Update: 2018-12-08
jQuery和jQuery對象都實現了該方法,對於jQuery對象,只是把each方法簡單的進行了委託:把jQuery對象作為第一個參數傳遞給jQuery的each方法.換句話說:jQuery提供的each方法是對參數一提供的對象的中所有的子項目逐一進行方法調用。而jQuery對象提供的each方法則是對jQuery內部的子項目進行逐個調用。 複製代碼 代碼如下:jQuery.prototype.each=function( fn, args ) { return jQuery.each(
Time of Update: 2018-12-08
方法註解:將指定的天數加到此執行個體的值上。將指定的小時數加到此執行個體的值上。將指定的分鐘數加到此執行個體的值上。將指定的毫秒數加到此執行個體的值上。將指定的月份數加到此執行個體的值上。將指定的秒數加到此執行個體的值上。將指定的年份數加到此執行個體的值上。將此執行個體的值與指定的 Date 值相比較,並指示此執行個體是早於、等於還是晚於指定的 Date 值。返回一個數值相同的新DateTime對象返回一個值,該值指示此執行個體是否與指定的 DateTime
Time of Update: 2018-12-08
1.下載apache安裝包,並執行安裝。 2.下載php5的zip包,並解壓到c:\php 3.修改apache的設定檔httpd.conf,添加以下: 複製代碼 代碼如下:#load the php main library to avoid dll hell Loadfile "C:\php\php5ts.dll" #load the sapi so that apache can use php LoadModule php5_module
Time of Update: 2018-12-08
1.基礎:本次分析原理就是在各個瀏覽器下input內容變化的時候觸發事件的各種不相容性.在ie下用onpropertychange事件,在其他瀏覽器裡用input事件. 2.用例:對每個瀏覽器分別測試如下的情況: –輸入英文字母時–開啟IME時–大小寫不同時–輸入運算子時–按下tab鍵時–IME中按下空格時–按下修飾鍵時–複製粘貼時–刪除文本時–等等 3.測試開始:(只標出特殊情況,沒標出的表示正常觸發,每次只觸發一次事件) chrome: +開啟IME時,可以捕捉到輸入事件.
Time of Update: 2018-12-08
複製代碼 代碼如下://把word-word轉化為wordWord function camelize(s){ return s.replace(/-(\w)/g, function(strMatch, p1){ return p1.toUpperCas(); }); }
Time of Update: 2018-12-08
以下兩段jQuery是等價的 1 使用toggleClass實現class值的交替 複製代碼 代碼如下:$("#in1").click(function(){ $("li").toggleClass("ok2"); }) 2 使用js判斷實現class值的交替 複製代碼 代碼如下:$("#in1").click(function(){ var ok=$("li:first").attr("class") if (ok == "ok2"){ $("li").removeClass();
Time of Update: 2018-12-08
複製代碼 代碼如下:function reverseColor(rgbColor) {//205,15,20 // console.log(rgbColor); rgbColor = rgbColor.replace(/\s/g, ""); var arrRGB = new Array(3); if (rgbColor.indexOf("rgb") > -1) { var colorReg = /\s*\d+,\s*\d+,\s*\d+/i; var t =