jquery对象与Demo的转换

2023-02-07 09:39:28
1、jQuery : 以下来自百度百科 > jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。 jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件 从以上内容中我们可以提取到以下2点: 1. jQuery是一个JavaScript框架 2. jQuery中有很多内容,Ajax是jQuery的一部分 *** 2. 获取对象方法 2.1. 获取jquery对象的方法: var jqueryObject = $("#test"); //jqeuryObject为一个Jquery对象,它可以使用jquery的所有方法但是不能使用 2.2. 获取jquery对象的方法: var DOMObject = document.getElementById("test");//DOMObject为一个DOM对象,它可以使用DOM的所有方法,但是不能使用jquery的方法 *** 3. 一个原生 DOM 对象怎么样转换成 jQuery 对象? var DOMObject = document.getElementById("test");//获取DOM对象 var jqueryObject = $(DOMObject);//DOM对象转换为jquery对象 *** 4. 一个 jQuery 对象怎么样转换成原生 DOM 对象? var jqueryObject = $("#test");//获取jquery对象 var DOMObject = jqueryObject[0];//jquery对象转换为DOM对象