jQuery常用且重要方法總結_jquery

1.jquery  data(name)

data() 方法向被選元素附加數據，或從被選元素取得數據。

$("#btn1").click(function(){
 $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
 alert($("div").data("greeting"));
});

2.jquery arguments

arguments是指向實參物件的引用，實參物件是一個類別數組物件 .

arguments 的索引 從 0, 1,2,....遞增,與實參逐一對應.

arguments.length 屬性代表實參的個數

arguments一定不是數組, 是長的比較像數組的一個物件,雖然也有length屬性

arguments每個函數都會有,因此,arguemnts只會在內部找自身的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;
　　}
　　}


//调用
　　area(10,20,30);

3.jquery target()     event.target

target 屬性規定哪個 DOM 元素觸發了該事件。

$("p, button, h1, h2").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});
<p></p>
<button></button>
<h1></h1>
<h2></h2>
//当点击p标签的时候显示：点击事件由 P 元素触发
....

4.jquery trigger(event,[參1，參2，...])

trigger() 方法觸發被選元素的指定事件類型。 (可自訂事件，可傳參）自訂事件非常重要且有用！

 //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() 方法用於擷取字串中介於兩個指定下標之間的字元。

substring() 方法傳回的子字串包括 start 處的字符，但不包括 stop 處的字符。

var str="Helloworld!"
document.write(str.substring(3,7))
//结果
lowo
var str="Hello world!"//有两个空字符
document.write(str.substring(3,7))
//结果
lo
//两者的结果有区别，字符串之间的空字符串占用索引！

看清楚 沒有r 這個stop處的字！

重要事項：與 slice() 和 substr() 方法不同的是，substring() 不接受負的參數。

6.js slice(start,stop)

slice() 方法可提取字串的某個部分，並以新的字串傳回被提取的部分。與上面的substring一樣不包括 stop處的字元；

還有一個不同是：start，stop可以使用負數！也就是說，-1 指字串的最後一個字符，-2 指倒數第二個字符，以此類推。

data() 方法向被選元素附加數據，或從被選元素取得數據。

以上所述就是本文的全部內容了，希望大家能夠喜歡。