首页 > 语言 > JavaScript > 正文

jQuery常用且重要方法汇总

2024-05-06 16:23:05
字体:
来源:转载
供稿:网友

这篇文章主要介绍了jQuery常用且重要方法汇总的相关资料,需要的朋友可以参考下

1.jquery data(name)

data() 方法向被选元素附加数据,或者从被选元素获取数据。

 

 
  1. $("#btn1").click(function(){ 
  2. $("div").data("greeting""Hello World"); 
  3. }); 
  4. $("#btn2").click(function(){ 
  5. alert($("div").data("greeting")); 
  6. }); 

2.jquery arguments

arguments是指向实参对象的引用,实参对象是一个类数组对象 .

arguments 的索引 从 0, 1,2,....递增,与实参逐个对应.

arguments.length 属性代表实参的个数

arguments一定不是数组, 是长的比较像数组的一个对象,虽然也有length属性

arguments每个函数都会有,因此,arguemnts只会在内部找自身的arguments,无法引用到外层的arguments

 

 
  1. // 求圆形面积,矩形面积, 三角形面积 
  2.   function area () { 
  3.   if(arguments.length == 1) { 
  4.   alert(3.14 * arguments[0] * arguments[0]); 
  5.   } else if(arguments.length == 2) { 
  6.   alert(arguments[0] * arguments[1]); 
  7.   } else if(arguments.length == 3) { 
  8.   alert(arguments[0] + arguments[1] + arguments[2]); 
  9.   } else { 
  10.   return null
  11.   } 
  12.   } 
  13.  
  14.  
  15. //调用 
  16.   area(10,20,30); 

3.jquery target() event.target

target 属性规定哪个 DOM 元素触发了该事件。

 

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

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

trigger() 方法触发被选元素的指定事件类型。(可自定义事件,可以传参)自定义事件非常重要且有用!

 

 
  1. //myEvent为自定义事件名 
  2. $("#p1").bind("myEvent",function(str1,str2) { 
  3. alert(str1 + ' ' + str2);  
  4. });  
  5. $("#p1").trigger("myEvent",["Hello","World"]);  
  6. //也可以这样写: 
  7.     $("#p1").bind("myEvent",function(str1,str2) { 
  8. alert(str1 + ' ' + str2);  
  9. }).trigger("myEvent",["Hello","World"]);  

5.js substring(start,stop)

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。

 

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

看清楚 没有r 这个stop处的字符!

重要事项:与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

6.js slice(start,stop)

slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。与上面的substring一样不包括 stop处的字符;

还有一个不同是:start,stop可以使用负数!也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。

data() 方法向被选元素附加数据,或者从被选元素获取数据。

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选