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

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(新内容);

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部