Jquery常用的方法匯總
//jQuery的優(yōu)點(diǎn) :
1 輕量級(jí)
2 強(qiáng)大的選擇器
3 出色的DOM操作的封裝
4 可靠的事件處理機(jī)制
5 完善的Ajax
6 不污染頂級(jí)變量
7 出色的瀏覽器兼容性
8 鏈?zhǔn)讲僮鞣绞?br />
9 隱式迭代
10 行為曾與結(jié)構(gòu)層的分離
11 豐富的插件支持
12 完善的文檔
13 開(kāi)源
<script src="jquery.js" type="text/javascript">這里不許放任何代碼</script>
$("#foo")和 jQuery("#foo")是等價(jià)的
$.ajax 和 jQuery.ajax 是等價(jià)的 $符號(hào)是jQuery的簡(jiǎn)寫(xiě)形式
// window.onload : $(function(){ })
$(function(){ }) 就相當(dāng)于 js 中的window.onload事件一樣,是在頁(yè)面加載完成后,立刻執(zhí)行的 只有這個(gè)和window.onload一樣
不過(guò)window.onload只能寫(xiě)一個(gè) 但是$(function(){ })可以寫(xiě)多個(gè)
沒(méi)有簡(jiǎn)寫(xiě)的時(shí)候是 $(document)ready(function(){ })
//鏈?zhǔn)讲僮黠L(fēng)格 :
$(".level1>a").click(function(){
$(this).addClass("current") //給當(dāng)前元素添加"current"樣式
.next().show(); //下一個(gè)元素顯示
.parent().siblings()//父元素的同輩元素
.children("a") //子元素<a>
.removeClass("current")//移出"current"樣式
.next().hide();//他們的下一個(gè)元素隱藏
return false;
})
//jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象 :
1 jQuery對(duì)象是一個(gè)類(lèi)似數(shù)組,可以通過(guò)[index]的方法得到相應(yīng)的DOM對(duì)象
var $cr = $("#cr");//jQuery對(duì)象
var cr = $[0]; //DOM對(duì)象
2 另一種方法是jQuery本身提供的,通過(guò)get(index)方法得到相應(yīng)的DOM對(duì)象
var $cr = $("#cr");//jQuery對(duì)象
var cr = $cr.get(0);//DOM對(duì)象
//DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象 :
對(duì)于一個(gè)DOM對(duì)象,只需要用$()把DOM對(duì)象包裝起來(lái),就可以獲得一個(gè)jQuery對(duì)象了.
方式為 : $(DOM對(duì)象);
var cr = document.getElementById("cr");//DOM對(duì)象
var $cr = $(cr); //jQuery對(duì)象
//解決沖突 :
1 如果其他JS庫(kù)和jQuery庫(kù)發(fā)生沖突,我們可以在任何時(shí)候調(diào)用 : jQuery.noConflict()函數(shù)來(lái)將變量$的控制權(quán)移交給其他JavaScript庫(kù)
var $jaovo = jQuery.noConflict();
$jaovo(function(){
$jaovo("p").click(function(){
alert($jaovo(this).text());
});
});
2 可以直接使用"jQuery"來(lái)做一些jQuery的工作
jQuery(function(){
jQuery("p".click(function(){
alert(jQuery(this).text());
}));
});
//jQuery選擇器
1 基本選擇器
基本選擇器是jQuery中最常用的選擇器,也是最簡(jiǎn)單的選擇器,他通過(guò)元素id、class 和 標(biāo)簽名 等來(lái)查找DOM元素
//jQuery :
只要獲得標(biāo)簽對(duì)象 . 就是數(shù)組
//jQuery對(duì)象獲取 :
$("p");//獲取所有p標(biāo)簽對(duì)象 ---- 獲取的對(duì)象是數(shù)組
$("#aa");//獲取id為aa的那個(gè)標(biāo)簽的對(duì)象 --- 獲取的對(duì)象是數(shù)組
$(".aaa");//獲取class為aaa的那個(gè)標(biāo)簽的對(duì)象 --- 獲取的對(duì)象是數(shù)組
//jQuery對(duì)象和DOM對(duì)象的轉(zhuǎn)換 :
jQuery的方法和DOM的方法不能互相使用(調(diào)用),但是對(duì)象可以互相轉(zhuǎn)換
$("p");//是jQuery對(duì)象
document.documentElementsTagName("p");//是DOM對(duì)象
$(document.documentElementsTagName("p"));//把DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象
$("p").get(1);//是一個(gè)DOM對(duì)象,
get(1);代表p這個(gè)數(shù)組的第二位,(下標(biāo)為1 就是第二位)
$($("p").get(1));//是jQuery對(duì)象轉(zhuǎn)成
//jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象 :
1 jQuery對(duì)象是一個(gè)類(lèi)似數(shù)組,可以通過(guò)[index]的方法得到相應(yīng)的DOM對(duì)象
var $cr = $("#cr");//jQuery對(duì)象
var cr = $[0]; //DOM對(duì)象
2 另一種方法是jQuery本身提供的,通過(guò)get(index)方法得到相應(yīng)的DOM對(duì)象
var $cr = $("#cr");//jQuery對(duì)象
var cr = $cr.get(0);//DOM對(duì)象
//DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象 :
對(duì)于一個(gè)DOM對(duì)象,只需要用$()把DOM對(duì)象包裝起來(lái),就可以獲得一個(gè)jQuery對(duì)象了.
方式為 : $(DOM對(duì)象);
var cr = document.getElementById("cr");//DOM對(duì)象
var $cr = $(cr); //jQuery對(duì)象
//創(chuàng)建元素 :
$("<li title='其他'>123</li>");//創(chuàng)建<li>標(biāo)簽 屬性為title=其他 內(nèi)容為123
元素節(jié)點(diǎn)(標(biāo)簽名) 屬性節(jié)點(diǎn)(屬性 title='xxx') 文本標(biāo)簽(123)
//text()文本節(jié)點(diǎn) :
text() : 函數(shù)/方法,是獲得選定標(biāo)簽內(nèi)部文本(人眼能夠看到的內(nèi)容)
<li>123</li>
var li = $("li").text();//獲得了li的文本節(jié)點(diǎn)里面的數(shù)據(jù)(就是 123 這個(gè)內(nèi)容)
//attr()獲得屬性/設(shè)置屬性/更改屬性 :
<p title="aaa"></p>;
var i = $("p").attr("title");//這是獲得p標(biāo)簽里面的title屬性的值
$("p").attr("title"," bbb");//把p標(biāo)簽里面的title屬性的值 更改為bbb
//removeAttr() 刪除指定元素的屬性值 :
removeAttr(xx,xx);刪除屬性值
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
$("p").removeAttr('title',"你最不喜歡的");//就是把p標(biāo)簽里面的title屬性的值,(你最不喜歡的)刪除
//append()添加元素 :
將匹配到的子元素 添加到指定的父元素中.
函數(shù)的鏈?zhǔn)秸{(diào)用 : 為什么可以鏈?zhǔn)秸{(diào)用?
是因?yàn)榍懊娴暮瘮?shù)返回的仍然是調(diào)用的那個(gè)對(duì)象
如下面 a.append(b).append(c) a是個(gè)父標(biāo)簽對(duì)象,調(diào)用函數(shù)把b添加進(jìn)去,并且返回的值,還是a的對(duì)象,所以還可以在調(diào)用函數(shù),把c也添加進(jìn)去
//a和b和c 都是標(biāo)簽的對(duì)象
var $li_1 = $("<li></li>");//只創(chuàng)建了元素節(jié)點(diǎn)
var $li_2 = $("<li></li>");
var $parent = $("ul");
$parent.append($li_1).append($li_2);
a.append(b);//把 b 添加到 a 里面 的最后面(追加),a是父標(biāo)簽b是子標(biāo)簽
a.append(c);//把 c 添加到 a 里面 的最后面(追加),a是父標(biāo)簽c是子標(biāo)簽
a.append(b).append(c);//把b c 都添加到 a 里面 b 和 c 是同輩 只是b在c的上面 (鏈?zhǔn)降恼{(diào)用添加)
a.prepend(b)//把 b 添加到 a 里面 的最前面 a是父標(biāo)簽 b是子標(biāo)簽
a.insertAfter(b);//把 a 添加到 b 的 后面(同輩的)
a.insertBefore(b);//把 a 添加到 b 的 前面(同輩的)
//叫移動(dòng)節(jié)點(diǎn)
//把我們指定元素插入匹配到元素的前面(指定的元素.insertBefore("匹配到的元素"))
//appendTo()添加元素 :
//a是對(duì)象 b是標(biāo)簽名
appendTo() : 是將制定元素添加到匹配的元素的集合中去
$("li").appendTo("ul");//把li標(biāo)簽添加到ul中
a.appendTo("b"); //是吧 b 添加到 a 的里面(a是標(biāo)簽 b是標(biāo)簽)
指定元素.appendTo(匹配元素);
//刪除元素(是隱藏)remove() :
a.remove();//把 a 從html中刪除(是隱藏)
var $li = $("ul li:eq(1)").remove();//把ul 里面li標(biāo)簽的第二個(gè)刪除 eq(1);就是下標(biāo)為1的那個(gè)li元素 也就是第二個(gè)吧 因?yàn)橄聵?biāo)從0開(kāi)始
$li.appendTo("ul");//把剛才刪除的元素重新加入到ul里面
$("ul li").remove("li[title !=蘋(píng)果]");//把 ul 元素里面所有的 li 元素 title屬性不是蘋(píng)果的 都刪除
//removeAttr() 刪除指定元素的屬性值 :
removeAttr(xx,xx);刪除屬性值
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
$("p").removeAttr('title',"你最不喜歡的");//就是把p標(biāo)簽里面的title屬性的值,(你最不喜歡的)刪除
//清空empty() :
$("ul li:eq(1)").empty();//找到ul里面第二個(gè)li元素 并把內(nèi)容刪除,(文本節(jié)點(diǎn),<li>內(nèi)容(文本節(jié)點(diǎn))<li>)
//復(fù)制選定的節(jié)點(diǎn)clone() :
clone(true) : 復(fù)制節(jié)點(diǎn),true的時(shí)候,節(jié)點(diǎn)綁定的事件監(jiān)聽(tīng)也一起復(fù)制過(guò)去,不寫(xiě)默認(rèn)為false
$("li").clone()//復(fù)制當(dāng)前節(jié)點(diǎn)
$("li").clone().appendTo("ul");//復(fù)制li節(jié)點(diǎn),并將它追加到ul中(是追加到 ul 的內(nèi)部)
$("li").clone(true).appendTo("ul");//復(fù)制li節(jié)點(diǎn),并復(fù)制li綁定的事件監(jiān)聽(tīng),一起追加到ul中(是追加到 ul 的內(nèi)部)
//替換選定的節(jié)點(diǎn)replaceWith(),replaceAll() :
a是被替換的那個(gè)對(duì)象
b是替換的那個(gè)完整標(biāo)簽
a.replaceWith(b);//b就會(huì)把a(bǔ)替換掉 (后面的 b 替換了前面的 a) 后面替換前面
b.replaceAll(a);//b把a(bǔ)替換掉 (前面的 b 替換后面的 a) 前面替換后面
//如果有多個(gè)p 就會(huì)都替換
$("p").replaceWith("<strong>你女朋友最不喜歡的水果是???</strong>");//把整個(gè)p標(biāo)簽都換了 換成了 <strong>你女朋友最不喜歡的水果是???</strong>
//如果有多個(gè)p 并且只想替換一個(gè)
$($("p").get(1)).replaceWith("<strong>你女朋友最不喜歡的水果是???</strong>");//只把第2個(gè)p標(biāo)簽替換了
也可以給想要替換的那個(gè)標(biāo)簽 加一個(gè)ID 就是只替換一個(gè)了
$("#abc").replaceWith("<li>我替換了id為abc的那個(gè)標(biāo)簽</li>")
//replaceAll() :
$("<strong>你媽咪最不喜歡的水果是???</strong>").replaceAll("#abc");//前面的替換了后面的 替換了id為#abc的那個(gè)標(biāo)簽
$("<li>我替換了所有的p標(biāo)簽</li>").replaceAll("p");//前面替換了后面的
//包裹wrap() wraoAll() wrapInner() :
//wrap() :
wrap() : 給匹配 到的元素,包裹一個(gè)新的html標(biāo).
a標(biāo)簽對(duì)象(被包裹) b是標(biāo)簽(用b標(biāo)簽包裹)
所有的 a標(biāo)簽 都會(huì)被包裹
a.wrap(b);
//如果有一個(gè)a標(biāo)簽 就包裹成 :
<b><a>我是a標(biāo)簽</a></b>
//如果有多個(gè)a標(biāo)簽 就包裹成 :
<b><a>我是a標(biāo)簽</a></b>
<b><a>我是a標(biāo)簽</a></b>
<b><a>我是a標(biāo)簽</a></b>
每個(gè)都是分開(kāi)包裹的 不是一起包裹到一起
a.wrap("b");//就是給a添加了一個(gè)父標(biāo)簽 a被b包裹
<p>我是p標(biāo)簽</p>
$("p").wrap("<i></i>");//給p標(biāo)簽添加一個(gè)父標(biāo)簽,就是用<i>標(biāo)簽把p標(biāo)簽包裹了 就成了<i><p>我是p標(biāo)簽</p></i>
/*
<i>
<p>我是p標(biāo)簽</p>
</i>
*/
//wrapAll() :
wrapAll():把標(biāo)簽都包裹到一起,就算要被包裹標(biāo)簽沒(méi)在一起,中間有別的標(biāo)簽,也會(huì)吧那個(gè)要被包裹標(biāo)簽,都移到一起,在一起包裹
//包裹之前
<a>123</a>
<p>aaa</p>
<a>456</a>
a.wrapAll(b);//全部包裹
//包裹之后
<b>
<a>123</a>
<a>456</a>
</b>
<p>aaa</p>
這樣包裹之后,輸出的位置就變了,效果也就變了
//wrapInner() :
wrapInner(): 將匹配標(biāo)簽中的內(nèi)容,添加一個(gè)指定標(biāo)簽(相當(dāng)于是給原標(biāo)簽添加一個(gè)子標(biāo)簽,并且保存的是父標(biāo)簽的文本內(nèi)容)
<a>123</a> :
a.wrapInner("b");//結(jié)果就是 : <a><b>123</b></a> 用b標(biāo)簽 把a(bǔ)里面的內(nèi)容括起來(lái)
<li title="蘋(píng)果">蘋(píng)果</li>
$("li").wrapInner("<i></i>");//結(jié)果就是 : <li title='蘋(píng)果'><i>蘋(píng)果</i></li>
<li title="蘋(píng)果">
<i>蘋(píng)果</i>
</li>
//效果切換 toggleClass() :
是指的效果之間的切換,第一次沒(méi)有切換的時(shí)候有一個(gè)效果,切換的時(shí)候,是指所有的class綜合組成的那個(gè)效果
就是當(dāng)前效果和指定的效果來(lái)回切換
<style type="text/css">
.high{
font-weight:bold; /* 粗體字 */
color : red; /* 字體顏色設(shè)置紅色*/
}
.another{
font-style:italic;
color:blue;
}
</style>
<p class="high" title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
$("p").toggleClass("another ");//其實(shí)是改class,當(dāng)觸發(fā)這個(gè)函數(shù)的時(shí)候,就等于是把a(bǔ)nother和height換了一下,上面設(shè)置了,當(dāng)class是high的時(shí)候,是紅色字體,當(dāng)class是another的時(shí)候,是藍(lán)色字體
所以,觸發(fā)這個(gè)函數(shù),就會(huì)變一次顏色,在觸發(fā)一次,就在變一次,只不過(guò)是class之間的切換.是$("p").toggleClass("another")后面的class 和p標(biāo)簽里面原代的class進(jìn)行切換
//判斷元素是否包含某樣式 hasClass() :
$("p").hasClass("MyClass");//判斷p標(biāo)簽里面是否有個(gè)class的屬性為MyClass
$("p").is("MyClass");//和上面一樣
//html()和text() :
<p title="選擇你最喜歡的水果." ><strong>你最喜歡的水果是?</strong></p>
$("p").html();//就是p標(biāo)簽,兩個(gè)標(biāo)簽(<p></p>)之間的內(nèi)容,相當(dāng)于是p的innerHTML,就是 : <strong>你最喜歡的水果是?</strong>
$("p").text();//就是p標(biāo)簽里面的文本數(shù)據(jù)(文本節(jié)點(diǎn)),就是 : 你最喜歡的水果是?
//得到 失去 焦點(diǎn) focus() blur() :
focus() : 得到焦點(diǎn)
blur() : 失去焦點(diǎn)
$("標(biāo)簽名(#ID名)(.class名)").focus(獲取焦點(diǎn)需要執(zhí)行的方法和語(yǔ)句function(){ 語(yǔ)句 操作})
$("標(biāo)簽名(#ID名)(.class名)").blur(失去焦點(diǎn)需要執(zhí)行的方法和語(yǔ)句function(){ 語(yǔ)句 操作})
//獲取/更改 value()值 defaultValue :
<input type="button" value="請(qǐng)輸入賬號(hào)"/>
$("input").val();//這是獲取value的值
$("input").val("賬號(hào)是****");//這是更改value的值
結(jié)果就是 : <input type="button" value="賬號(hào)是****"/>
//defaultValue :
代表value的默認(rèn)值,就是編寫(xiě)代碼的時(shí)候,設(shè)置value的值是什么,那defaultValue就是什么
一般用于判斷
if (txt_value == ""){//意思是,如果value為空,就把開(kāi)始的默認(rèn)值再賦值給value
用于設(shè)置輸入框,如果輸入框沒(méi)有輸出東西,就還把默認(rèn)的value值輸入進(jìn)去,(沒(méi)得到焦點(diǎn)的時(shí)候,輸入框里顯示默認(rèn)值,得到焦點(diǎn)后,設(shè)置去掉默認(rèn)值,如果客戶(hù)沒(méi)有輸入東西,還會(huì)給value把默認(rèn)值賦值回去,用于提醒客戶(hù),沒(méi)有輸入東西)
$("input").val($("input").defaultValue)
}
//查看子元素的個(gè)數(shù)children() (只是子元素,子元素的子元素,不算,直接子元素才是子元素) :
$("標(biāo)簽").children();
標(biāo)簽的jQuery對(duì)象.children();
<a>
<b>
<c></c>
</b>
<d></d>
</a>
$("a").children();//就是2 因?yàn)閍的子元素只有b和d
$("b").children();//就是1 因?yàn)閎的子元素只有c一個(gè)
$("d").children();//就是0 因?yàn)閐沒(méi)有子元素
//同輩元素,next(),prev(),siblings() :
next();//同輩的下一個(gè)元素
prev();//同輩的上一個(gè)元素
siblings();//所有的同輩元素
<b>123</b>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
<ul>
<li title='蘋(píng)果'>蘋(píng)果</li>
<li title='橘子'>橘子</li>
<li title='菠蘿'>菠蘿</li>
</ul>
<i>456</i>
// 例子 : next()
var p= $("p").next();
p.html();//p元素的同輩下一個(gè)元素的內(nèi)容(就相當(dāng)于innerHTML),結(jié)果就是 :
<li title='蘋(píng)果'>蘋(píng)果</li>
<li title='橘子'>橘子</li>
<li title='菠蘿'>菠蘿</li>
p的同輩的下一個(gè)標(biāo)簽是ul,<ul>這里就是html()的東西</ul>
---------------------
// prev()
var p = $("p").prev();
p.html();//就是p的同輩元素的上一位 就是b 元素吧 b元素的html(), 就是123把 所以就是123
123
----------------------
// siblings()
var p = $("p").siblings();//所有元素,現(xiàn)在是數(shù)組把
p.html();//這個(gè),只是123,因?yàn)槭菙?shù)組,如果輸出,輸出第一個(gè),所以就是b標(biāo)簽的內(nèi)容就是123 要遍歷才能看到所有內(nèi)容
for(var i =0;p.length;i++){
alert(p[i].innerHTML);//這就是所有的內(nèi)容,為什么用innerHTML?
//因?yàn)閜是jQuery對(duì)象吧,當(dāng)jQuery對(duì)象,后面跟下標(biāo)的時(shí)候,就是DOM對(duì)象了,所以只能用innerHTML.這個(gè)和jQuery對(duì)象的html()方法,功能是一樣的,
//alert();是個(gè)普通的彈框
//結(jié)果就是 :
123
你最喜歡的水果是?
蘋(píng)果
橘子
菠蘿
456
}
//事件委托機(jī)制 :
事件委托機(jī)制 : 我們要找到某個(gè)元素,改變其屬性,但是這個(gè)元素我們不知道能不能找到,所以我們就用一個(gè)臨時(shí)變量,把事件委托給他,然后去尋找元素,找到以后就把事件轉(zhuǎn)交
// $(自定義變量.target).closest("要找的元素").css("找到之后的某一個(gè)屬性","更改屬性值")
//這里從點(diǎn)擊對(duì)象開(kāi)始往上查詢(xún)(如果點(diǎn)擊的是a,就會(huì)先找a,在找span,再找p,再找body,一直除非找到正確的那個(gè)標(biāo)簽,就停止網(wǎng)上找了)
$(document).bind("click",function(e){
$(e.target).closest("body").css("color","red");
})
//$(document).bind("click",function("p"){
// $("p").css("color","red");
// })
//document:代表整個(gè)文檔,我要匹配文檔中某一個(gè)不確定對(duì)象,用了這樣一種形式
//e:是指我們要找的某個(gè)元素,他的是個(gè)不特定的值,$(e.target)是那個(gè)不特定的對(duì)象
//來(lái)自于我們不特定的匹配,匹配到誰(shuí)就是誰(shuí)
<body>
<p title="選擇你最喜歡的水果." >
<span>
<a title='蘋(píng)果'>蘋(píng)果</a>
<a title='橘子'>橘子</a>
<a title='菠蘿'>菠蘿</a>
</span>
</p>
<ul>
<li title='蘋(píng)果'>蘋(píng)果</li>
<li title='橘子'>橘子</li>
<li title='菠蘿'>菠蘿</li>
</ul>
</body>
//獲取對(duì)象的左邊距和上邊距 offset() :
用法 :
jQuery對(duì)象.offset();
jQuery對(duì)象.offset().left/top;
var $p = $("p").offset();//獲得p的左邊距和上邊距,是個(gè)數(shù)組
$p.left;//得到的值,就是左邊距
$p.top;//得到的值,就是上邊距
//設(shè)置坐標(biāo)并顯示,show() :
對(duì)象.css().show("slow(慢)"/"normal(正常)"/"fast(快)");
三種預(yù)定速度之一的字符串("slow","normal","fast")或表示動(dòng)畫(huà)時(shí)長(zhǎng)的毫秒數(shù)值(如：1000)
$("#id").mouseover(function(e){
//e相當(dāng)于原生js中的event
//創(chuàng)建一個(gè)div元素,e觸發(fā)的事件對(duì)象(mouseover),this代表觸發(fā)的時(shí)候,事件源對(duì)象(指html標(biāo)簽)
var tooltip = "<div id='tooltip'>" + this.title + "<\/div>";
$("body").append(tooltip); //追加到文檔中
$("#tooltip").css({
"top":e.pageY + "px",
"left":e.pageX + "px",
"width":"300px"
}).show("fast"); //設(shè)置x坐標(biāo)和y坐標(biāo)并且顯示,這里的e,是當(dāng)事件源觸發(fā)這個(gè)事件的時(shí)候,事件和鼠標(biāo)的相交的一個(gè)坐標(biāo),用這個(gè)坐標(biāo),表示這個(gè)框的左上角坐標(biāo)
})
相關(guān)文章
從JavaScript 到 JQuery (1)學(xué)習(xí)小結(jié)
本人使用JavaScript 已經(jīng)有2年左右的時(shí)間了,一直被它簡(jiǎn)潔優(yōu)雅的代碼所吸引, 近期接觸了 JQuery這個(gè)庫(kù) , 感覺(jué)還不錯(cuò), 但是并不意味著要舍棄 JavaScript , 而是更宣揚(yáng)結(jié)合使用 .2009-02-02
jQuery Autocomplete自動(dòng)完成插件
jQuery Autocomplete plugin 寫(xiě)的比較滿(mǎn)意，拿出來(lái)分享，歡迎大家找BUG。2010-07-07
jquery插件jSignature實(shí)現(xiàn)手動(dòng)簽名
在IE7~IE8這種不支持HTML5的瀏覽器上，是利用Flash嵌入的方式實(shí)現(xiàn)的簽名處理，在支持的HTML5的瀏覽器上默認(rèn)采用canvas標(biāo)簽處理簽名，可以生成 PNG格式、SVG格式的簽名圖片。非常適合在IPAD等移動(dòng)客戶(hù)端上實(shí)現(xiàn)手寫(xiě)簽名的，該插件基于JQuery2015-05-05
好的代碼會(huì)帶來(lái)速度的提升，快速渲染和響應(yīng)意味著更好的用戶(hù)體驗(yàn)。本文主要總結(jié)了如何高效的編寫(xiě)jQuery代碼的技巧，對(duì)提升你的jQuery和javascript代碼具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
下面小編就為大家?guī)?lái)一篇easy ui datagrid 從編輯框中獲取值的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
斑馬線(xiàn)其實(shí)就是隔行換色效果。2009-05-05
Jquery 類(lèi)網(wǎng)頁(yè)微信二維碼圖塊滾動(dòng)效果具體實(shí)現(xiàn)
網(wǎng)頁(yè)微信二維碼圖塊滾動(dòng)效果想必大家都有見(jiàn)到過(guò)吧，在接下來(lái)的文章中將為大家詳細(xì)介紹下使用Jquery是如何實(shí)現(xiàn)，感興趣的朋友可以參考下2013-10-10
JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
JQuery在IE8兼容性視圖模式下操作Select的Options的Bug在本文進(jìn)行重現(xiàn)并給出詳細(xì)的解決方法，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-04-04
本文給大家分享的是使用jquery實(shí)現(xiàn)的全選刪除插件的代碼，非常的實(shí)用，本文示例是結(jié)合的ThinkPHP,小伙伴們可以自由擴(kuò)展。2015-03-03
這篇文章主要介紹了jQuery中g(shù)et()方法用法,實(shí)例分析了get()方法返回匹配集合DOM元素的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12