## 什么是jQuery * jQuery是一种第三方类库，用于补充JavaScript的不足。 * 第三方类库：是对同种编程语言的补充，提供更多方便的函数供调用者使用，绝大部分网站都会涉及到第三方类库，这些类库会极大地方便我们的编程，让编程变得更容易。有时候也说这些第三方类库是讲原先的编程语言给**封装**起来了。有些时候可以认为这些第三方类库是“框架”或“脚手架” * JavaScript本身是有一些局限性的，比如浏览器的兼容性，dom操作的复杂性，于是出现了很多的第三方类库（通过JavaScript建立的）可以解决这些问题。 * jQuery是目前最流行的JavaScript框架，write less,do more ## 文档就绪事件 为了防止页面未加载完毕，就去调用jQuery代码，可以使用read()方法，去执行文档的就绪事件，类似于window.onload. ~~~javascript //文档就绪事件 //1. 完整写法 $("document").ready(function() { console.log("aaa"); }); //2. 简写 $(function() { $("#first").append("<p>hello,world</p>"); }); ~~~ ## jquery对象 jQuery对象是jQuery独有的。拥有jQuery里面的方法。·jQuery对象中无法使用DOM对象的任何方法。 DOM对象也不能使用jQuery里面的方法。 ~~~javaScript //jquery对象转变为DOM对象 var cc = $("#first"); console.log(cc[0]); console.log(cc.get(0)); //DOM对象转变为jQuery对象 var dd = document.getElementById("first"); console.log($(dd)); ~~~ ## 链式编程风格 ~~~JavaScript //链式编程风格 //根本原因在于jQuery绝大部分的方法返回的都是jQuery对象,使我们可以继续的对对象进行操作 $("#fruit").append("<li title='菠萝'>菠萝</li>").append("<li title='芒果'>芒果</li>").append("<li title='桃子'>桃子</li>").attr("title","水果"); //在链式编程风格中，只要方法一直返回可操作的对象，我们就能一直往下写。 ~~~ ## jQuery选择器 jQuery选择器类似于css选择器，注意子选择器和后代选择器于css选择器的不同 ## 查找元素节点 直接使用$(选择器)就可以了 ## 查找属性节点 先获取元素节点，再使用attr()方法获取属性节点 ## 创建元素节点 使用append()方法创建元素节点 ## 创建属性节点 使用append()方法，再进行元素的创建时写入属性。 也可以通过attr()方法，传入两个参数来创建属性节点。