正文

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

IP云
IP云V管理员/5 阅读
12/01
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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: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){

      return v-50;

    });

<4>removeAttr

$( selector ).removeAttr( attribute ) 

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

相关阅读

目录[+]