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对象