宝哥软件园

jQuery核心函数和jQuery对象

编辑:宝哥软件园 来源:互联网 时间:2021-10-24

1.jQuery核心功能首先介绍了jQuery的几个核心功能,它们在jQuery中起着至关重要的作用,也是实际前端开发过程中使用最多的功能。1.jQuery(元素)将一个或多个DOM元素转换为jQuery对象。该函数还可以接收XML文档和窗口对象(尽管它们不是DOM元素)作为有效参数。返回值:jQuery对象参数elements:用于复制封装到jQuery对象中的DOM元素。代码如下: //将当前页面的背景颜色设置为黑色jQuery(文档。身体)。CSS('背景色','黑色');请看下面的代码//将当前页面的背景色设置为black $ (document.body)。css('背景色','黑色');代码也能正常运行,执行效果与之前的代码一致;那么这里的$和之前的jQuery标识符有什么关系呢?打开jQuery的源文件jquery-1.3.2.js,找到以下代码jquery=window.jquery=window。context){//jQuery对象实际上只是init构造函数‘增强’返回新的jQuery.fn.init(选择器,context);}原来,$和jQuery在jQuery框架中代表同一个函数,使用jQuery和$的效果是一样的;实际上,$是jQuery框架中jQuery方法的别名(更容易使用)。由于担心$会与其他javascript框架(如ASP.NET Ajax)甚至个人代码中的$标识符冲突,可以通过jQuery.noConflict()函数移除$与jQuery函数之间的关联,这样$就不代表jQuery方法,而是代表原始的$对象。2.jQuery(expression,[context])这个函数接收一个包含CSS选择器的字符串,然后使用这个字符串来匹配一组元素。jQuery的核心功能就是通过这个功能实现的。jQuery中的一切都是基于这个函数的,或者以某种方式使用这个函数。这个函数的基本用法是给它传递一个表达式(通常由CSS选择器组成),然后根据这个表达式找到所有匹配的元素。返回值:jQuery对象参数表达式:用于查找DOM元素的字符串context:(可选),作为要查找的DOM元素集、文档或jQuery对象,用于限制搜索范围。复制代码如下: //在所有DIV元素下找到A元素$(' DIV A ');3.jQuery(html)根据html字符串动态创建由jQuery对象包装的DOM元素。返回值:jQuery对象参数html:创建DOM元素的HTML字符串拷贝代码如下: //在页面主体元素$(' a href=http://jquery.com/jquery.com/a ')中添加一个jquery.com的超链接元素。appendo(' body ');二、jQuery对象jQuery核心函数的返回值是一个jQuery对象,javascript编程中的大部分任务都可以通过操作jQuery对象来完成;那么这个jQuery对象到底是什么呢?

Doc[0]和doc[1]可以分别用来检索一个DOM对象,而其他的是jQuery对象特有的一些属性和方法。实际上,jQuery对象包装了DOM对象,并且还包含一些用于操作DOM元素的jQuery方法。在使用jQuery的过程中,大多数情况下,第一步也是最重要的一步,就是把jQuery对象用要操作的DOM对象包装起来;然后通过调用得到的jQuery对象的方法完成DOM对象的操作。

更多资讯
游戏推荐
更多+