1.JQuery简介
1.1什么是jQuery
Query是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗
旨是"write Less，Do More"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript
设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行
扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
1.2怎么使用jQuery
Jquery它是一个库(框架)，要想使用它，必须先引入！
jquery-1.8.3.js：一般用于学习阶段。
jquery-1.8.3.min.js：用于项目使用阶段
1.3jQuery的简单入门
|
//js中加载函数的写法 |
Jquery加载函数与js加载函数的区别
1.4获取元素
JS:document.getElementById()系列;
JQ:$(“#id”);
$()à工厂函数 作用：1.获取DOM元素2.将DOM对象转为jquery对象
1.5DOM对象和jQuery对象
DOM对象：直接使用JavaScript获取的节点对象
var objDOM=document.getElementById("title");
var objHTML=objDOM.innerHTML;
- jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法
$("#title").html( );等同于
document.getElementById("title").innerHTML
DOM对象和jQuery对象分别拥有一套独立的方法，不能混用
- DOM对象转jQuery对象
var txtName =document.getElementById("txtName");
//jquery变量的命名规则 变量名添加$
var $txtName =$(txtName);
- jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象
通过get(index)方法得到相应的DOM对象
var $txtName =$("#txtName");
var txtName =$txtName.get(0);
|
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
$(function(){ |