jQuery之常用且重要方法梳理(target,arguments,slice,substring,data,trigger,Attr)-(一)

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 指倒数第二个字符,以此类推。

 

 7.Attr与removeAttr

<1>Attr用法一:设置单个值

$(selector).attr(attribute,value)

$("img").attr("width","180");

 

<2>Attr用法二:设置多个值

$(selector).attr({attribute:valueattribute:value ...})

$("img").attr({width:"50",height:"80"});

 

<3>Attr用法三:使用函数设置属性

 $(selector).attr(attribute,function(index,oldvalue))

index:选择器的 index 值

oldvalue:当前属性值

$("img").attr("width",function(n,v){       return v-50;     });

 

<4>removeAttr

$(selector).removeAttr(attribute)

$("p").removeAttr("style");

 

posted on 2015-12-15 09:23  土dou  阅读(137)  评论(0编辑  收藏  举报