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

1.jquerydata(name)

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

$("#btn1").click(function(){
$("div").data("greeting","HelloWorld");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});

2.jqueryarguments

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

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

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

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

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

//求圆形面积,矩形面积,三角形面积
　　functionarea(){
　　if(arguments.length==1){
　　alert(3.14*arguments[0]*arguments[0]);
　　}elseif(arguments.length==2){
　　alert(arguments[0]*arguments[1]);
　　}elseif(arguments.length==3){
　　alert(arguments[0]+arguments[1]+arguments[2]);
　　}else{
　　returnnull;
　　}
　　}

//调用
　　area(10,20,30);
　　

3.jquerytarget()event.target

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

$("p,button,h1,h2").click(function(event){
$("div").html("Triggeredbya"+event.target.nodeName+"element.");
});

<p></p>

<button></button>

<h1></h1>

<h2></h2>

//当点击p标签的时候显示：点击事件由P元素触发
....

4.jquerytrigger(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.jssubstring(start,stop)

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

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

varstr="Helloworld!"
document.write(str.substring(3,7))

//结果
lowo

varstr="Helloworld!"//有两个空字符
document.write(str.substring(3,7))

//结果
lo

//两者的结果有区别，字符串之间的空字符串占用索引！

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

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

6.jsslice(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:value,attribute:value...})

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

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

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

index:选择器的index值

oldvalue:当前属性值

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

<4>removeAttr

$(selector).removeAttr(attribute)

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