這篇文章主要介紹了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() 方法向被選元素附加數據,或者從被選元素獲取數據。
以上所述就是本文的全部內容了,希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選