论jQuery的核心功能

论jQuery的核心功能
在jQuery中,所有DOM对象都封装到jQuery对象中,只有jQuery对象可以用jQuery方法属性执行相应的操作

因此jQuery提供了一个函数,它可以将DOM对象封装到jQuery对象中,也就是jQuery内核函数jQuery(),也称为工厂函数。

jQuery核心函数有7个重载,如下所示:

这个函数返回一个空的jQuery对象。

jQuery(元素)这个函数将一个或多个DOM元素转换成jQuery对象(或jQuery集)

jQuery(回调函数)这个函数是jQuery(文档)的缩写。这个函数将绑定一个在DOM文档加载后执行的函数。当DOM加载完成时,页面中所有的jQuery操作都需要包含在这个函数中。这个函数可以在页面中多次出现。

jQuery(表达式,{上下文})

jQuery(HTML)

jQuery(HTML,道具)

jQuery(HTML,{ ownerdocument })

我们详细地看了一下。

jQuery(表达式,{上下文})

这个函数接收一个包含CSS选择器的字符串,然后使用这个字符串来匹配一组元素。

doc { 0 }和doc { 1 }可以分别提取一个DOM对象,另一些则是一些jQuery对象的属性和方法。事实上,jQuery对象包装DOM对象,还包括一些操作DOM元素的jQuery方法。

在使用jQuery的过程中,在大多数情况下,第一步也是最重要的一步,就是去工作打包操作jQuery对象;然后通过调用jQuery对象的方法来完成DOM对象的操作。

例如

1。发现P在#第一上下文节点的元素,并运行相应的价值。
$(函数(){())
var项目= $()
$(项目,函数(i,n){)
警报(一);
});
});
我是相应的索引,N对应的节点

2。找到所有的P元素,这些元素必须是div元素的子元素。

HTML代码:

123

jQuery代码:

$();

结果:

{二}
三.在文档的第一种形式中,找到所有单选按钮(即输入元素和单选值)。

jQuery代码:

$()输入:收音机
jQuery(HTML,{ ownerdocument })

基于提供的原始HTML标记字符串,动态地创建由jQuery对象包装的DOM元素。

您可以传递一个手写的HTML字符串,或者一个由模板引擎或插件创建的字符串,或者一个通过Ajax加载的字符串。

jQuery(HTML,道具)

在提供原始HTML标记字符串的基础上,动态创建由jQuery对象包装的DOM元素,同时设置一系列属性、事件等。

参数

htmlstring

动态创建DOM元素的HTML标记字符串

propsmap

附加到新创建的元素的属性、事件和方法

样品

描述:

创建一个DIV元素(这一切)动态地添加到body元素。这里面的功能,我们通过临时创建一个元素,并设置该元素的innerHTML属性到一个给定的标记字符串标记转化为DOM元素。所以,这个功能是灵活的和有限的。

jQuery代码:
({{
类:测试
文本:单击我!
单击:函数(){
$(这)。ToggleClass(测试);
}
})。AppendTo(体);
$(文档)的简写(Ready)。

当DOM加载完成时,执行该函数。

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