jQuery的学习笔记一

jQuery是JavaScript的一个库，使相关的Dom操作，执行动画和开发Ajaxd变得更简便。

jQuery的几个库:

      Prototype:是最早成型的JS库之一，对于JS的内置对象做了大量的扩展。
      Do jo：提供了很多奇特JS库没有提供的功能。例如：离线存储的API，生成图标的组件等等。
      YUI：是由Yahoo公司开发的一套完备的，扩展性良好的富交互网页程序工作集。
      Ext JS：原本是对YUI的一个扩展，主要用于创建前端用户界面。
      Moo Tools：是一套轻量、简洁、模拟化和面向对象的JS框架。
      jQuery：同样是一个轻量级的库，拥有强大的选择器等更多优点，吸引了更多开发者去学习使用它。

jQuery对象的方法：

* addClass()   追加类名
* removeClass()删除类名
* toggleClass()追加/删除类名
* hasClass() 检测是否含有类名
* html() 设置/获取元素的开始标签与结束标签之间的内容
* val() 设置/获取元素的value属性的属性值
* attr() 设置/获取元素的行内属性
* show()
* hide()
* toggle()
* fadeIn(速率("fast" | "slow" | Number毫秒数),回调)
* fadeOut()
* fadeToggle()
* slideDown()
* slideUp()
* slideToggle()
* css({}) css("css属性名") 设置/获取元素的行内样式
* animate({},执行时间,回调) 设置/获取元素的行内样式并执行动画
* closest("css选择器") 从调用方法的元素为起始位置，逐层向上寻找祖先级元素，直到找到第一个与css选择器相匹配的祖先级元素为止，并将其返回。
* find("css选择器") 从调用方法的元素为起始位置，寻找与css选择器相匹配的所有的子孙级元素.
* clone(true/false) 克隆元素，可以连同事件一块儿克隆
* append()
* appendTo()
* prepend()
* prependTo()
* after()
* before()
* width()   获取宽高
* innerWidth() 获取宽高+内填充
* outerWidth() 获取宽高+内填充+外边框
* each(function(index,node){}) 用于枚举jQuery对象

jQuery选择器：jQuery元素选择器：

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

属性选择器：

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

CSS选择器：用于改变 HTML 元素的 CSS 属性。例如：

$("p").css("background-color","red");