DIV CSS 佈局教程網

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() 方法向被選元素附加數據，或者從被選元素獲取數據。

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