jQuery API

2018-10-19  本文已影响0人  春饼sama

jQuery.each( collection, callback(indexInArray, valueOfElement) )

一个通用的迭代函数,它可以用来无缝迭代对象和数组。数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从0到length - 1。其他对象通过其属性名进行迭代。

$( "li" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});

$.extend()

  1. 当我们提供两个或多个对象给$.extend(),对象的所有属性都添加到目标对象(target参数)。
  2. 如果只有一个参数提供给$.extend(),这意味着目标参数被省略。在这种情况下,jQuery对象本身被默认为目标对象。这样,我们可以在jQuery的命名空间下添加新的功能
    第二个对象会覆盖第一个对象
var object1 = {
  apple: 0,
  banana: { weight: 52, price: 100 },
  cherry: 97
};
var object2 = {
  banana: { price: 200 },
  durian: 100
};

// Merge object2 into object1
$.extend( object1, object2 ); 
 //{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}

.clone( [withDataAndEvents ] )

.clone()方法深度复制所有匹配的元素集合

$('.hello').appendTo('.goodbye');   // 剪切
$('.hello').clone().appendTo('.goodbye');  //复制

.index()

从给定集合中查找特定元素index

  1. 没参数返回第一个元素index
  2. 如果参数是DOM对象或者jQuery对象,则返回参数在集合中的index
  3. 如果参数是选择器,返回第一个匹配元素index,没有找到返回-1
var listItem = $( "#bar" );
alert( "Index: " + $( "li" ).index( listItem ) );

.ready()

当DOM准备就绪时,指定一个函数来执行

$(document).ready(handler)
$(handler)
上一篇下一篇

猜你喜欢

热点阅读