14-Javaweb学习-jQuery
1.jQuery的功能和优势
jQuery 作为JavaScript封装的库，他的目的就是为了简化开发者使用JavaScript。
主要功能有以下几点：
1.像 CSS那样访问和操作DOM
2.修改 CSS 控制页面外观
3.简化 JavaScript代码操作
4.事件处理更加容易
5.各种动画效果使用方便
6.让 Ajax技术更加完美 异步加载
7.基于 jQuery 大量插件
8.自行扩展功能插件jQuery 最大的优势，就是特别的方便。比如模仿CSS 获取 DOM，比原生的 JavaScript要方便太多。并且在多个CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼
2.第一个Jquery入门程序
首先在项目中引用jQuery库
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
单击按钮弹窗$(function () { $('input').click(function () {
alert('第一个 jQuery 程序！'); });});3.代码风格
在jQuery程序中，不管是页面元素的选择、内置的功能函数，都是美元符号“
”就是jQuery当中最重要且独有的对象：jQuery对象，所以我们在页面元
素选择或执行功能函数的时候可以这么写：
$(function () {}); //执行一个匿名函数
$(‘#box’); //进行执行的ID元素选择
KaTeX parse error: Expected 'EOF', got '#' at position 3: (‘#̲box’).css(‘colo…本身就是jQuery对象的缩写形式，那么也就是说上面的三段代码也可以写成如下
形式：
jQuery(function () {});
jQuery(‘#box’);
jQuery(‘#box’).css(‘color’, ‘red’);
•值得一提的是，执行了.css()这个功能函数后，最终返回的还是jQuery对象，那么也就
是说，jQuery的代码模式是采用的连缀方式，可以不停的连续调用功能函数。
$(’#box’).css(‘color’, ‘red’).css(‘font-size’, ‘50px’); //连缀
jQuery中代码注释和JavaScript是保持一致的，有两种最常用的注释：单行使用“//…” ，
多行使用“/* … */” 。
4.加载模式
•我们在之前的代码一直在使用$(function () {});这段代码进行首尾包裹，那么为什么必须
要包裹这段代码呢？原因是我们jQuery库文件是在body元素之前加载的，我们必须等待所
有的DOM元素加载后，延迟支持DOM操作，否则就无法获取到。
在延迟等待加载，JavaScript提供了一个事件为load，方法如下：
window.onload = function () {}; //JavaScript等待加载
$(document).ready(function
() {}); //jQuery等待加载
5.加载模式简写方案
$(document).ready(function(){
});
加载的优点
只需要等待网页中的DOM结构
加载完毕，就能执行包裹的代码
简写方案:
$(function () {
alert(“加载了”);
});
6.对象互换
jQuery 对象虽然是 jQuery 库独有的对象，但它也是通过 JavaScript 进行封装而来的。 我
们可以直接输出来得到它的信息。
alert(
()); //jQuery 对象返回的对象，还是 jQuery
alert($(’#box’)); //包裹 ID 元素返回对象，还是 jQuery
从上面三组代码我们发现：只要使用了包裹后，最终返回的都是 jQuery 对象。这样的
好处显而易见，就是可以连缀处理。但有时，我们也需要返回原生的 DOM 对象，比如：
alert(document.getElementById(‘box’)); //[object HTMLDivElement]
var JqueryObj=
() 包裹一下原生DOM对象，就会转换成Jquery对象了
jQuery 想要达到获取原生的 DOM 对象，可以这么处理：
alert($(’#box’).get(0)); //ID 元素的第一个原生 DOM
从上面 get(0)，这里的索引看出，jQuery 是可以进行批量处理 DOM 的.
