jquery中attr和prop的区别，tab和click的区别，js中的call和apply方法的区别.

jquery中attr和prop的区别

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。

关于它们两个的区别

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

上面的描述也许有点模糊，举几个例子就知道了。

<a href=”http://www.baidu.com” target=”_self” class=”btn”>百度</a>

这个例子里<a>元素的DOM属性有“href、target和class”，这些属性就是<a>元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。处理这些属性时，建议使用prop方法。

<a href=”#” id=”link1″ action=”delete”>删除</a>

这个例子里<a>元素的DOM属性有“href、id和action”，很明显，前两个是固有属性，而后面一个“action”属性是我们自己自定义上去的，<a>元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。

再举一个例子：

<input id=”chk1″ type=”checkbox” />是否可见

<input id=”chk2″ type=”checkbox” checked=”checked” />是否可见

像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。

$(“#chk1”).prop(“checked”) == false

$(“#chk2”).prop(“checked”) == true

如果上面使用attr方法，则会出现：

$(“#chk1”).attr(“checked”) == undefined

$(“#chk2”).attr(“checked”) == “checked”

一、click 和 tap 比较

两者都会在点击时触发，但是在手机WEB端，click会有 200~300 ms左右的延迟，所以请用tap代替click作为点击事件。

singleTap和doubleTap 分别代表单次点击和双次点击。

js中的call和apply方法的区别：

call方法:

语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

定义：调用一个对象的一个方法，以另一个对象替换当前对象。

说明：

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

function add(a,b)  

  {  

    alert(a+b);  

  }  

function sub(a,b)  

  { 

    alert(a-b);  

 } 
add.call(sub,3,1); 

用add方法来代替sub方法。等价于add(3,1);

apply方法：

语法：apply([thisObj[,argArray]])

定义：应用某一对象的一个方法，用另一个对象替换当前对象。

说明：

如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。

如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

apply和call两者在作用上是相同的，但两者在参数上有区别的。

如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])

同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入