JQuery基础_jquery相关概念以及与DOM之间的转换

概念：

JQuery是一个快速、简洁的JavaScript框架。设计宗旨是：Write Less，Do More 。因此使用此框架能够达到写少量代码即可做更多事情。

在功能上：JQuery优化了HTML文档操作、事件处理、动画设计和Ajax交互。

核心特性：

具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，且对css选择器进行了扩展。

JQuery对象：

1：JQuery对象就是通过JQuery($())包装DOM对象后产生的对象。

2：JQuery对象是JQuery独有的。

3：JQuery和DOM中的方法不能互用

JQuery对象转成DOM对象

1：JQuery对象是一个数组对象，可通过[index]的方法得到对应的DOM对象

DOM对象转成JQuery对象

1：用$()把DOM对象进行包装即可

实例：

JQuery对象->DOM对象

<script type="text/javascript">$(function(){//相当于window.onload()$("button").click(function(){var $btn = $("button");//在JQuery中变量前余姚添加$var btnDom = $btn[0];//$btn为一个数组对象alert(btnDom.value);})})</script>

DOM对象->JQuery对象

<script type="text/javascript">$(function(){//相当于window.onload()$("button").click(function(){var btn = document.getElementById("btn");//通过DOM获得id为btn的元素alert($(btn).text());//用$()对btn进行包装，可以转化为JQuery对象。})})</script>