jquery的核心理念 jquery常用函数精选
文件格式:DOCX
时间:2023-04-22 00:00:00    小编:三颗葱潘潘

jquery的核心理念 jquery常用函数精选

小编:三颗葱潘潘

每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。范文书写有哪些要求呢?我们怎样才能写好一篇范文呢?以下是我为大家搜集的优质范文,仅供参考,一起来看看吧

jquery的核心理念 jquery常用函数篇一

在jquery中,所有的dom对象都将封装成jquery对象,而且只有jquery对象才能使用jquery方法或者属性来执行相应的操作。

所以jquery提供了一个可以将dom对象封装成jquery对象的函数,就是jquery核心函数jquery(),也称为工厂函数。

jquery核心函数有7个重载,分别如下:

jquery() 该函数返回一个空的jquery对象。

jquery(elements) 该函数将一个或多个dom元素转化为jquery对象(或jquery集合)

jquery(callback) 该函数是jquery(document).ready(callback)的简写。 该函数将绑定一个在dom文档载入完成后执行的函数。页面中所有需要在dom加载完成时,执行的jquery操作,都需要包含在这个函数中。这个函数,可以在页面中,出现多次。

jquery(expression,[context])

jquery(html)

jquery(html,props)

jquery(html,[ownerdocument])

我们详细来看下其中的

jquery(expression, [context])

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

通过 doc[0]、doc[1] 可以分别取出一个 dom 对象,其它的则是一些 jquery 对象特有的属性和方法;实际上 jquery 对象包装了 dom 对象,同时还包含了一些操作 dom 元素的 jquery 方法。

在使用 jquery 的过程中,大部分情况下第一步工作同时也是最重要的一步工作,就是取得包装了要操作 dom 对象的 jquery 对象;然后通过调用取得的 jquery 对象的方法来完成对 dom 对象的操作。

for example

$(function() { var items = $("p", "#first"); $.each(items, function(i, n) { alert(i); }); });

i为对应的index,n对应的节点

html 代码:

one

two

three

jquery 代码:

$("div > p");

结果:

[

two

]

jquery 代码:

$("input:radio", [0]);

jquery(html, [ownerdocument])

根据提供的原始 html 标记字符串,动态创建由 jquery 对象包装的 dom 元素。

你可以传递一个手写的 html 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 ajax 加载过来的字符串。

jquery(html, props)

根据提供的原始 html 标记字符串,动态创建由 jquery 对象包装的 dom 元素。同时设置一系列的属性、事件等。

参数

htmlstring

用于动态创建dom元素的html标记字符串

propsmap

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

示例

描述:

动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerhtml 属性设置为给定的标记字符串,来实现标记到 dom 元素转换的。所以,这个函数既有灵活性,也有局限性。

jquery 代码:

$("

", { "class": "test", text: "click me!", click: function(){ $(this).toggleclass("test"); }}).appendto("body");

$(document).ready()的简写。

当dom加载完成后,执行其中的函数。

jquery 代码:

$(function(){ // 文档就绪});

以上所述就是本文的全部内容了,希望大家能够喜欢。

s("content_relate");

【关于jquery的核心函数】相关文章:

1.jquery 源码分析和ready函数

2.关于jquery学习笔记之jquery的动画

3.关于jquery异步加载

4.浅析jquery 遍历函数javascript

5.jquery中常用的动画函数方法有哪些

6.jquery中的read和javascript中的onload函数的区别在哪

7.jquery的load()方法及其回调函数用法示例

8.jquery中常用的遍历函数用法实例

猜你喜欢 网友关注 本周热点 软件
musicolet
2025-08-21
BBC英语
2025-08-21
百度汉语词典
2025-08-21
精选文章
基于你的浏览为你整理资料合集
jquery的核心理念 jquery常用函数精选 文件夹
复制