首頁 > web前端 > js教程 > 主體

jQuery常用且重要方法總結_jquery

WBOY
發布: 2016-05-16 15:50:30
原創
1118 人瀏覽過

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板