jQuery常用且重要方法匯總

更新時(shí)間：2015年07月13日 10:55:05 投稿：hebedich

這篇文章主要介紹了jQuery常用且重要方法匯總的相關(guān)資料,需要的朋友可以參考下

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ū)崊?duì)象的引用，實(shí)參對(duì)象是一個(gè)類數(shù)組對(duì)象 .

arguments 的索引從 0, 1,2,....遞增,與實(shí)參逐個(gè)對(duì)應(yīng).

arguments.length 屬性代表實(shí)參的個(gè)數(shù)

arguments一定不是數(shù)組, 是長的比較像數(shù)組的一個(gè)對(duì)象,雖然也有l(wèi)ength屬性

arguments每個(gè)函數(shù)都會(huì)有,因此,arguemnts只會(huì)在內(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)容了，希望大家能夠喜歡。

您可能感興趣的文章: