jQuery 核心函数以及jQuery对象


Posted in Javascript onMarch 23, 2010

一、jQuery 核心函数

首先介绍 jQuery 的几个核心函数,在 jQuery 中它们起着至关重要的作用,在实际的前端开发过程中用到最多的也是它们。
1、jQuery(elements)

将一个或多个DOM元素转化为jQuery对象。

这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。

返回值:jQuery 对象

参数

elements:

用于封装成 jQuery 对象的 DOM 元素

// 将当前页面的背景色设为黑色 
jQuery(document.body).css( "background-color", "black" ); 
再看以下代码 
// 将当前页面的背景色设为黑色 
$(document.body).css( "background-color", "black" ); 

代码也可以正常运行,并且执行的效果跟前面的代码一致;那么这儿的 $ 和前面的 jQuery 标识符到底有什么关系呢? 

打开 jQuery 的源文件 jquery-1.3.2.js 发现以下代码 
jQuery = window.jQuery = window.$ = function( selector, context ) { 
// The jQuery object is actually just the init constructor 'enhanced' 
return new jQuery.fn.init( selector, context ); 
}

原来 $ 与 jQuery 代表的是 jQuery 框架中同一个 function,使用 jQuery 和 $ 的效果是一样的;实际上 jQuery 框架中采用 $ 来作为 jQuery 方法的一个别名(更易于使用),由于担心 $ 与其它 javascript 框架(比如 asp.net ajax)甚至个人代码中的 $ 标识符产生冲突,也可以通过 jQuery.noConflict() 函数来移除 $ 与 jQuery 函数的关联,这样 $ 就不代表 jQuery 方法了,而是代表那个原始的 $ 对象了。
2、jQuery(expression,[context])

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

jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。

返回值:jQuery 对象

参数

expression:

 用来查找 DOM 元素的字符串

context:

(可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象,用于限定查找范围

// 查找所有 DIV 元素下的 A 元素 
$("div > a");

3、jQuery(html)

根据 HTML 字符串,动态创建由 jQuery 对象包装的 DOM 元素。

返回值:jQuery 对象

参数

html:

用于创建 DOM 元素的 HTML 字符串

// 将一个 jquery.com 的超链接元素加到页面主体元素中 
$("<a href=http://jquery.com/>jquery.com</a>").appendTo("body");

二、jQuery 对象

jQuery 核心函数的返回值都是一个 jQuery 对象,通过对 jQuery 对象进行操作,可以完成 javascript 编程中的大部分任务;那么这个 jQuery 对象到底是一个什么对象呢?
jQuery 核心函数以及jQuery对象
通过 doc[0]、doc[1] 可以分别取出一个 DOM 对象,其它的则是一些 jQuery 对象特有的属性和方法;实际上 jQuery 对象包装了 DOM 对象,同时还包含了一些操作 DOM 元素的 jQuery 方法。

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

Javascript 相关文章推荐
jquery animate图片模向滑动示例代码
Jan 26 Javascript
jquery ajax例子返回值详解
Sep 11 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
BootStrap selectpicker后台动态绑定数据的方法
Jul 28 Javascript
Javascript获取某个月的天数
May 30 Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 Javascript
vue监听滚动事件的方法
Dec 21 Vue.js
jquery easyui的tabs使用时的问题
Mar 23 #Javascript
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 #Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 #Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 #Javascript
javascript 多浏览器 事件大全
Mar 23 #Javascript
jQuery $.each的用法说明
Mar 22 #Javascript
javascript 用原型继承来实现对象系统
Mar 22 #Javascript
You might like
PHP实现图片简单上传
2006/10/09 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
JavaScript实现Java中Map容器的方法
2016/10/09 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
BootStrap实现轮播图效果(收藏)
2016/12/30 Javascript
JS验证全角与半角及相互转化的介绍
2017/05/18 Javascript
详解NodeJs开发微信公众号
2018/05/25 NodeJs
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
Python实现的简单万年历例子分享
2014/04/25 Python
python操作 hbase 数据的方法
2016/12/18 Python
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
Python中整数的缓存机制讲解
2019/02/16 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
新三好学生主要事迹
2014/01/23 职场文书
税务干部鉴定材料
2014/02/11 职场文书
《山谷中的谜底》教学反思
2014/04/26 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL