您好,欢迎访问一九零五行业门户网

jquery的核心函数有哪些

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标签字符串,例如a6f776b766579c28d02706af09482172、e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3、9a4b06dcac8449df108f039ca54939d094b3e26ee717c64999d7867364b1b4a3(标签中也可以嵌套标签,只要符合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>'); // 但不推荐使用这种方式// 创建一个p标签,内部包含带有test样式的span标签$('<p><span class="test"></span></p>');// 创建一个表格var html = '<table>';html += '<tr>';html += '<td>单元格1</td>';html += '<td>单元格2</td>';html += '</tr>';html += '<tr>';html += '<td>单元格3</td>';html += '<td>单元格1</td>';html += '</tr>';html += '</table>';$(html);
jquery(html, properties )示例代码:// 创建一个临时的链接jquery对象var templink = $('<a/>', { id: 'goback', title: 'codeplayer', html: 'codeplayer', // 表示链接的锚文本,也就是innerhtml的值 href: 'http://www.365mini.com/', click: function(){ // 统计点击次数 }});// 追加到body标签内容的末尾templink.appendto("body");$('<input/>', { type: 'checkbox', val: 'def', // 表示表单元素的value属性值或textarea的输入内容 click: function(){ alert("点击了复选框"); }}).appendto("body");
jquery( callback )示例代码:$(function(){ // 本文档页面载入完成后自动执行 alert("文档加载完毕!");});// 这相当于ready()函数如下用法的简写$(document).ready(function(){ // 本文档页面载入完成后自动执行 alert("文档加载完毕!");});
jquery.noconflict()noconflict() 方法让渡变量 $ 的 jquery 控制权。
该方法释放 jquery 对 $ 变量的控制。
该方法也可用于为 jquery 变量规定新的自定义名称。
提示:在其他 javascript 库为其函数使用 $ 时,该方法很有用。
语法:jquery.noconflict(removeall)
removeall    布尔值。指示是否允许彻底将 jquery 变量还原。    
相关视频教程推荐:jquery教程(视频)
以上就是jquery的核心函数有哪些的详细内容。
其它类似信息

推荐信息