jQuery编程中的几个核心方法简介

调用jQuery对象的方法很简单:


$('h1')删除();




大多数jQuery方法都称为上面的方法,这些方法都位于一个名为jQuery的对象名称空间中。

但是也有一些方法不需要依赖选择器的结果集。这些方法位于jQuery命名空间中。这些方法称为jQuery核心方法。如果您感觉不好,请记住以下两个:

所有的jQuery选择器都位于这个名称空间中。
$内的方法一般是一些函数式方法,它们不依赖选择器,这些方法的参数和返回值差别很大。


某些对象的方法为核心的方法的名称相同,如美元。fn.each美元,需要格外注意使用时。

jQuery的$命名空间提供了许多实用的方法:

删除字符串的两个空格:


美元。修剪(额外的空白' 'lots);
空格 / /回报很多




数组和对象的迭代:


美元。每个({ 'foo ','bar ','baz},功能(IDX,Val){
console.log('element +编号++ Val);
});

美元。每个({ foo:'bar,巴兹:'bim},函数(k,v){)
console.log(K +:+ V);
});




返回数组中元素的索引,如果元素不存在返回1。


VaR MyArray = { 1, 2, 3,5 };

如果(美元。内部数组(4,MyArray)!= = 1){
console.log(发现的);
}




使用一个对象来扩展另一个对象:


无功firstobject = { foo:'bar ',一个:B };
无功secondobject = { foo:'baz};

VaR newObject =美元。延长(firstobject,secondobject);
console.log(firstobject。Foo); / / 'baz
console.log(新对象。Foo); / / 'baz




如果您不想更改第一个对象中的值,请在$的第一个参数中传递一个空对象:


无功firstobject = { foo:'bar ',一个:B };
无功secondobject = { foo:'baz};

VaR(firstobject,newObject美元。延长= {},secondobject);
console.log(firstobject。Foo); / / 'bar
console.log(新对象。Foo); / / 'baz




改变函数的作用域:


var =函数MyFunction(){ console.log(本);};
VaR MyObject = { foo:'bar};

(myFunction); / /日志窗口对象

无功myproxyfunction =美元。代理(MyFunction,MyObject);
(myproxyfunction); / /日志MyObject对象




重新组合事件以查看如何更改函数的作用域:


VaR MyObject = { {
MyFn:函数(){
console.log(本);
}
};

$(# foo)。Click(MyObject。myfn); / /日志的DOM元素# Foo
$(# foo()。点击美元。代理(MyObject,'myfn ')); / /日志MyObject




Javascript本身有一种类型检测的方法,而且还有jQuery,而且做得更好。


var myvalue = { 1, 2, 3 };

Javascript / / typeof运算符类型判断
类型的自我价值= = 'String'; / /假
类型的自我价值= =若干 / /假;
类型的自我价值= = 'undefined '; / /假
类型的自我价值= = 'boolean '; / /假

在用身份检测null
自我价值= null; / /假

使用jQuery方法来确定
jquery.isfunction(自我价值); / /假
JQuery.isPlainObject(自我价值); / /假
JQuery.isArray(自我价值); / /真的




向html元素添加其他数据:


$(# mydiv)。数据('keyname,{ foo:'bar});
$(# mydiv)。数据('keyname '); / / foo:{ 'bar}




要添加的数据可以是任何类型:


$(# mylist李)。每个(函数(){)
VaR(这)李=美元美元美元美元,div = li.find('div.content);
li.data美元(美元'contentdiv,div);
});

不需要查找那些div;
可以直接从列表中读出
firstli = $(var $ ' # mylist李:第一);
firstli.data美元('contentdiv)。Html(新内容);