JQuery

前言

  jQuery是一个简洁的JavaScript框架（JavaScript代码库）设计宗旨是“write less,Do More"倡导写最少的代码，做更多的事情。

核心特征

  具有独特的链式语法和短小清晰的多功能接口，高效灵活的CSS选择器，并可对其进行扩充。兼容各种主流浏览器。

语言基础

   1.jQuery选择器允许对HTMl元素组或单个元素进行操作。
  2.jQuery选择器基于元素的id，类，类型，属性，属性值等查找HTML元素。
  3.jQuery中所有选择器都以美元符号开头：$()

使用

  jquery.js;完整的未压缩的加Query库，文件较大，用于阅读学习源码或修改源码。
  jquery.min.js;经完整版压缩后，将其中的空白字符、注释、空行等与逻辑无关的内容删除。一般用于网站引用

常见DOM事件

鼠标事件	键盘事件	表单事件	文档/窗口事件
click	keypress	submit	load
mouseenter	keydown	change	resize
mouseleaver	keyup	focus	unload

代码：
在网页中给所有DOM文档结构绘制完毕后执行,等价于window.onload事件，在整个html文档加载完成之后立即触发。

$(document).ready(function(){
  //jquery代码
});

DOM对象和jQuery对象

DOM对象：直接使用JavaScript获取的节点对象
  var obj=document.getElementById(“title”)
jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法
  $("#title").html();等同于 document.getElementById(title"),innerHTML

方法	描述
text()	设置或返回所选元素的文本内容
html()	设置或返回所选元素的内容
val()	设置或返回所选表单字段的值
attr()	获取属性值
append()	在被选元素的结尾插入内容(仍然在该元素的内部)
prepend()	在被选元素的开头插入内容(仍然在该元素的内部)
after()	在被选元素之后插入内容
before()	在被选元素之前插入内容
remove()	删除被选元素（及其子元素）
empty()	从被选元素中删除子元素
addClass()	向被选元素中添加一个或多个类
removeClass()	从被选元素中删除一个或多个类
toggleClass()	对被选元素进行添加\删除类的切换操作
css()	设置或返回样式属性

参考资料：jQuery