鋒利的jQuery 要點歸納(一) jQuery選取器

1 基本選取器$(#id) 根據給定的id匹配一個元素$(.class) 根據給定的類名匹配元素$(element) 根據給定的元素名匹配元素$(*) 匹配所有元素$(selector1,selector2,...,selectorN) 將每一個選取器匹配到的元素合并後一起返回2 層次選取器$("ancestor descendant") 選取ancestor元素裡的所有descendant(後代)元素$("parent > child")

jquery 可拖拽的表單控制項實現代碼

所以要引入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) { //

對 lightbox JS 圖片控制項進行了一下改造, 使其他支援複雜的圖片說明

修改的 lightbox 版本是 2.04 版。 下面是使用我們在使用 lightbox 來顯示圖片時的基本設定: 複製代碼 代碼如下:<a href="image-url" rel="lightbox" title="image-remark">   content </a> 主要是給串連加了一個 rel="lightbox" 屬性 以上面的試設定好串連時, 當點擊此串連,lightbox 將會顯示串連上的圖片,並使用串連的 title

jquery實現的元素的left增加N像素 滑鼠移開會慢慢的移動到原來的位置

此控制項是基於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 }); /

CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入圖片)

因為直接把內容作為字串給編輯器的 Value 屬性賦值使用的是 JavaScript 代碼,要讓 JS 代碼不受內容中雙引號、換行等的幹擾,只有先讀入到 textarea 最方便。 使用 CKeditor 3.0.1 複製代碼 代碼如下:<textarea cols="90" rows="10" id="content" name="content">cftea</textarea> <script type="text/javascript"

js 置中漂浮廣告

程式源碼 複製代碼 代碼如下: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 ?

jquery checkbox,radio是否選中的判斷代碼

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{

jQuery實現表單input中提示文字value隨滑鼠焦點移進移出而顯示或隱藏的代碼

複製代碼 代碼如下:<input value="請輸入使用者名稱" type="text"> <input value="請輸入密碼" type="text"> <input value="提交" type="submit"> <script> $(function(){ //輸入框中文字顏色控制 $("input:not(:last)").css("color","#999"); }); //使用者名稱框滑鼠焦點移進,文字消失 $("input:

js 數組複製方法 小結

因此如果要建立一個與已經存在的對象內容相同的對象,不能通過簡單的賦值操作。這樣說的可能還是不太明白。 看下面的例子: 複製代碼 代碼如下: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

鋒利的jQuery jQuery中的DOM操作

1 尋找元素節點 var $x = $("selector").text()2 尋找屬性節點 var $x = $("selector").attr("property")3 建立節點 var $x = $("html")4 插入節點$("selector").append() 向每個匹配的元素內部追加內容$("selector").appendTo() 等價於.append()操作符左右互換$("selector").prepend()

jquery 簡單圖片導航外掛程式jquery.imgNav.js

熟悉jquery的傢伙大概花個5到10分鐘就可以搞定了吧。由於這種導 航效果比較通用,LEVIN順手寫了個 jquery外掛程式~ 如果你的網站也需要類似的效果,大可拿去直接用或者擴充下:) 如果你也想嘗試將某些可重用功能封 裝成jquery外掛程式,別忘了看看一般的jquery外掛程式開發過程,另外還有偶的一個jquery外掛程式模板。 複製代碼 代碼如下:;(function($) { // Private functions. var p = {}; p.showC = function(

Array.prototype.slice.apply的使用方法

複製代碼 代碼如下:function test(){   //將參數轉為一個數組    var args = Array.prototype.slice.apply(arguments);   alert(args);  }

js select常用操作控制碼

// 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; } }

jQuery each()方法的使用方法

jQuery和jQuery對象都實現了該方法,對於jQuery對象,只是把each方法簡單的進行了委託:把jQuery對象作為第一個參數傳遞給jQuery的each方法.換句話說:jQuery提供的each方法是對參數一提供的對象的中所有的子項目逐一進行方法調用。而jQuery對象提供的each方法則是對jQuery內部的子項目進行逐個調用。 複製代碼 代碼如下:jQuery.prototype.each=function( fn, args ) { return jQuery.each(

js實現的日期操作類DateTime函數代碼

方法註解:將指定的天數加到此執行個體的值上。將指定的小時數加到此執行個體的值上。將指定的分鐘數加到此執行個體的值上。將指定的毫秒數加到此執行個體的值上。將指定的月份數加到此執行個體的值上。將指定的秒數加到此執行個體的值上。將指定的年份數加到此執行個體的值上。將此執行個體的值與指定的 Date 值相比較,並指示此執行個體是早於、等於還是晚於指定的 Date 值。返回一個數值相同的新DateTime對象返回一個值,該值指示此執行個體是否與指定的 DateTime

apache 支援 php5 的配置方法

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

input 輸入框內的輸入事件詳細分析

1.基礎:本次分析原理就是在各個瀏覽器下input內容變化的時候觸發事件的各種不相容性.在ie下用onpropertychange事件,在其他瀏覽器裡用input事件. 2.用例:對每個瀏覽器分別測試如下的情況: –輸入英文字母時–開啟IME時–大小寫不同時–輸入運算子時–按下tab鍵時–IME中按下空格時–按下修飾鍵時–複製粘貼時–刪除文本時–等等 3.測試開始:(只標出特殊情況,沒標出的表示正常觸發,每次只觸發一次事件) chrome: +開啟IME時,可以捕捉到輸入事件.

js replace() 文本替換你所不知的

複製代碼 代碼如下://把word-word轉化為wordWord function camelize(s){ return s.replace(/-(\w)/g, function(strMatch, p1){ return p1.toUpperCas(); }); }

jQuery中與toggleClass等價的程式段 以及未來學習的方向

以下兩段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();

js 翻轉顏色實現代碼

複製代碼 代碼如下: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 =

總頁數: 61357 1 .... 9621 9622 9623 9624 9625 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.