jQuery常用且重要方法匯總
1.jquery data(name)
data() 方法向被選元素附加數(shù)據(jù),或者從被選元素獲取數(shù)據(jù)。
$("#btn1").click(function(){ $("div").data("greeting", "Hello World"); }); $("#btn2").click(function(){ alert($("div").data("greeting")); });
2.jquery arguments
arguments是指向?qū)崊ο蟮囊茫瑢?shí)參對象是一個(gè)類數(shù)組對象 .
arguments 的索引 從 0, 1,2,....遞增,與實(shí)參逐個(gè)對應(yīng).
arguments.length 屬性代表實(shí)參的個(gè)數(shù)
arguments一定不是數(shù)組, 是長的比較像數(shù)組的一個(gè)對象,雖然也有l(wèi)ength屬性
arguments每個(gè)函數(shù)都會有,因此,arguemnts只會在內(nèi)部找自身的arguments,無法引用到外層的arguments
// 求圓形面積,矩形面積, 三角形面積 function area () { if(arguments.length == 1) { alert(3.14 * arguments[0] * arguments[0]); } else if(arguments.length == 2) { alert(arguments[0] * arguments[1]); } else if(arguments.length == 3) { alert(arguments[0] + arguments[1] + arguments[2]); } else { return null; } } //調(diào)用 area(10,20,30);
3.jquery target() event.target
target 屬性規(guī)定哪個(gè) DOM 元素觸發(fā)了該事件。
$("p, button, h1, h2").click(function(event){ $("div").html("Triggered by a " + event.target.nodeName + " element."); }); <p></p> <button></button> <h1></h1> <h2></h2> //當(dāng)點(diǎn)擊p標(biāo)簽的時(shí)候顯示:點(diǎn)擊事件由 P 元素觸發(fā) ....
4.jquery trigger(event,[參1,參2,...])
trigger() 方法觸發(fā)被選元素的指定事件類型。(可自定義事件,可以傳參)自定義事件非常重要且有用!
//myEvent為自定義事件名 $("#p1").bind("myEvent",function(str1,str2) { alert(str1 + ' ' + str2); }); $("#p1").trigger("myEvent",["Hello","World"]); //也可以這樣寫: $("#p1").bind("myEvent",function(str1,str2) { alert(str1 + ' ' + str2); }).trigger("myEvent",["Hello","World"]);
5.js substring(start,stop)
substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。
substring() 方法返回的子串包括 start 處的字符,但不包括 stop 處的字符。
var str="Helloworld!" document.write(str.substring(3,7)) //結(jié)果 lowo var str="Hello world!"http://有兩個(gè)空字符 document.write(str.substring(3,7)) //結(jié)果 lo //兩者的結(jié)果有區(qū)別,字符串之間的空字符串占用索引!
看清楚 沒有r 這個(gè)stop處的字符!
重要事項(xiàng):與 slice() 和 substr() 方法不同的是,substring() 不接受負(fù)的參數(shù)。
6.js slice(start,stop)
slice() 方法可提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分。與上面的substring一樣不包括 stop處的字符;
還有一個(gè)不同是:start,stop可以使用負(fù)數(shù)!也就是說,-1 指字符串的最后一個(gè)字符,-2 指倒數(shù)第二個(gè)字符,以此類推。
data() 方法向被選元素附加數(shù)據(jù),或者從被選元素獲取數(shù)據(jù)。
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
使用jQuery.Validate進(jìn)行客戶端驗(yàn)證(初級篇) 不使用微軟驗(yàn)證控件的理由
以前在做項(xiàng)目的時(shí)候就有個(gè)很大心病,就是微軟的驗(yàn)證控件,雖然微軟的驗(yàn)證控件可以幫我們完成大部分的驗(yàn)證,驗(yàn)證也很可靠上手也很容易,但是我就是覺得不爽.2010-06-06Jquery 數(shù)組操作大全個(gè)人總結(jié)
jQuery的數(shù)組處理,便捷,功能齊全. 最近的項(xiàng)目中用到的比較多,最近時(shí)間緊迫,今天抽了些時(shí)間回過頭來看 jQuery中文文檔順便對jQuery數(shù)組做個(gè)總結(jié)2013-11-11基于jQuery的前端數(shù)據(jù)通用驗(yàn)證庫
做了這么長時(shí)間的開發(fā),一直因?yàn)轵?yàn)證的問題相當(dāng)?shù)目鄲?,不斷的寫很多重?fù)的代碼,對想偷懶的我來說是相當(dāng)痛苦的。2011-08-08jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05