jQuery学习笔记

 什么是JQuery:

jQuery是一个快速、简洁的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+等



JQuery的作用:

​    1. 写更少的代码,做更多的事情: write Less ,Do more

    2. 将我们页面的JS代码和HTML页面代码进行分离



为什么学习JQuery:

​    提高我们的工作效率

 

 动画效果:

​    show : 显示

​    hide : 隐藏

​    slideDown: 

​    slideUp: 向上滑动

​    fadeIn

​    fadeOut

JQ选择器:

基本选择器:

​    ID选择器:  #ID的名字

​    类选择器:  .类名

​    元素选择器:   标签名称

​    通配符选择器:  *

​    选择器分组:  选择器1,选择器2

层级选择器:

​    后代选择器:  选择器1 儿孙

​    子元素选择器: 选择器1 > 儿子

​    相邻兄弟选择器:  选择器1 + 选择器2  找出紧挨着它的弟弟

​    所有弟弟选择器:  选择器1~选择器2  找出所有弟弟



基本过滤器:

​    选择器:first  : 找出的是第一个

​    :last  

​    :even   找出索引为偶数

​    :odd    找出奇数索引

​    :gt(index) :  大于索引

​    :lt(index)   小于

​    :eq(index)  等于



属性选择器:

​    选择器[href]  : 单个属性


选择器[href][title] : 多个属性
选择器[href][title='test'] : 多个属性,包含值


表单过滤器:

​    :input   找出所有输入项:  input  textarea  select 

​    :text 

​    :password  

表单对象属性:

​    找出select中被选中的那一项:

​    option:selected

 

$(function)  : 文档加载完成的事件
css()  :     修改css样式
prop() :    修改属性/ 获取属性
html() :    修改innerHTML

append :     给自己添加子节点
appendTo :  将自己添加到别人家,给自己找一个爹
prepend :   在自己最前面添加子节点
after    :   在自己后面添加一个兄弟
empty    :   清空所有子节点

$(cities).each(function(i,n){
      
})

$.each(arr,function(i,n){
  
});