jquery的核心函数有哪些
时间:2021-11-26
来源:互联网
今天PHP爱好者给大家带来jquery的核心函数:1、jQuery(),主要用于获取HTML DOM元素并将其封装为jQuery对象;2、“jQuery.noConflict()”,用于让渡变量“$”的jQuery控制权。希望对大家有所帮助。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jQuery 核心函数
jQuery() | 接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。 |
jQuery.noConflict() | 运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库。 |
函数说明
jQuery():
jQuery()函数是jQuery库的最核心函数,jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为jQuery对象,以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。
jQuery()函数的功能非常强大,它可以将各种类型的参数智能地封装为jQuery对象。
语法
jQuery( selector, [ context ])
将选择器字符串selector所对应的HTML DOM元素封装为jQuery对象。可选参数context用于指定查找DOM元素的范围。jQuery( [ obj ])
将指定对象obj封装为jQuery对象。这个对象可以是一个DOM元素(Element),也可以是一个DOM元素数组,也可以是一个jQuery对象(对其进行克隆),或者其他对象。你也可以省略该参数,从而返回一个空的jQuery对象。
jQuery 1.4 新增省略参数obj的用法:不传入任何参数,将返回空的jQuery对象
jQuery( html, [ ownerDocument ])
根据HTML标签字符串html动态地创建临时DOM元素,并将其封装为jQuery对象。可选参数ownerDocument用于指定临时DOM元素在哪个文档中创建(如果存在多个文档的话,例如框架页面)。
jQuery 1.0 新增该用法。
jQuery(html, properties )
根据HTML标签字符串html和包含其附加属性、事件以及方法的properties对象,动态地创建临时DOM元素,并将其封装为jQuery对象。
jQuery 1.4 新增该用法。
jQuery( callback )
在当前文档载入完成后,执行指定的函数callback。该用法是ready()函数如下用法的简写:jQuery(document).ready(callback)。
jQuery 1.0 新增该用法。
参数
selector | String类型 指定的选择器字符串,用于查找对应的DOM元素。 |
context | 可选/Object类型 指定选择器字符串的查找范围,可以是DOM元素、DOM元素数组、文档、jQuery对象。如果省略该参数,默认为当前文档。 |
obj | 可选/Object类型 指定的对象,用于封装为jQuery对象。可以是DOM元素、DOM元素数组、文档、jQuery对象等。 |
html | Object类型 指定的HTML标签字符串,例如 |
ownerDocument | Document类型 指定DOM元素在哪个文档上进行临时创建,默认为当前文档。 |
properties | Object类型 指定的对象,用于指定DOM元素的属性、事件和方法。例如:{name:”username”, “click”:function(){}} |
callback | Function类型 指定的函数,用于在DOM文档加载完成后立即执行。 |
返回值
jQuery()函数的返回值是jQuery类型,返回一个jQuery对象。
示例&说明:
jQuery( selector, [ context ])示例代码:
// 选择当前文档中所有的p标签DOM元素
$("p");
// 选择id属性为username的DOM元素
$("#username");
// 选择所有包含test样式的DOM元素,(例如:class="test")
$(".test");
// 选择所有p标签中带test样式的DOM元素
$("p .test");
jQuery( [ obj ] 示例代码:
var dom = document.getElementById("username");
// 将DOM元素封装为jQuery对象
$(dom);
var doms = document.getElementsByName("book_id");
// 将DOM元素数组封装为jQuery对象
$(doms);
// 将body元素封装为jQuery对象
$(document.body);
jQuery( html, [ ownerDocument ])示例代码:
// 创建一个空的span标签的临时DOM元素,并将其封装为jQuery对象
// 以下三种方式的效果一致
$('<span/>');
$('<span></span>');
$('<span>'); // 但不以上就是jquery的核心函数有哪些的详细内容,更多请关注php爱好者其它相关文章!
-
WebStorm干嘛用的 WebStorm和VSCode哪个好用 时间:2025-09-13
-
PyCharm详细的安装及使用教程 时间:2025-09-13
-
PyCharm是干什么用的 PyCharm和Python的区别 时间:2025-09-13
-
PHP运行环境的搭建方法及流程详解 时间:2025-09-13
-
PHPstorm环境配置与应用 PHPstorm怎么配置PHP环境 时间:2025-09-13
-
PHP date()函数详解(定义、语法、用法) 时间:2025-09-13
今日更新
-
甜瓜梗是什么梗揭秘网络热词甜瓜梗的由来和爆笑用法
阅读:18
-
甜蜜梗是什么梗?揭秘网络高甜互动新玩法,看完秒懂年轻人恋爱暗号!
阅读:18
-
甜蜜梗是什么梗啊?揭秘网络流行语背后的高甜含义,看完秒懂!
阅读:18
-
甜蜜蜜的梗是什么梗揭秘邓丽君经典歌曲背后的网络爆笑新内涵
阅读:18
-
甜蜜蜜梗源自邓丽君经典歌曲 现指情侣间甜腻互动或网络秀恩爱行为 网友直呼太甜了
阅读:18
-
燕云十六声优化动向-止戈练习上线武道平衡邀君共研
阅读:18
-
如鸢月海夜航船-95级紫色赤鱬涔2回合核爆
阅读:18
-
时空中的绘旅人五周年储蓄推送礼包-存粮计划即将上架
阅读:18
-
重返未来:1999迷思海450-4-无娜娜无葛天打法
阅读:18
-
甜甜的梗是什么梗?揭秘网络超火撒娇梗,看完秒懂恋爱小心机!
阅读:18