jq复习

#JQuery基础：
1. 概念：一个JavaScript框架，简化JS开发
2. 快速入门
1. 基本步骤：
1. 下载JQUery
2. 导入JQuery的js文件
3. 使用$("属性名")3.JQuery对象和JS对象区别于转换1.jq操作便捷2.jq对象和js对象方法是不通用的3.两者相互转换1.jq-->js：jq对象（索引）或者jq对象.get(索引)2.js-->jq:$(js对象)

4. 选择器：
	1. window.onload和$(function)区别
		1. window.onload只能定义一次，如果定义多次，后边的会将前面的覆盖掉
		2. $(function)可以定义多次的
	1. 筛选具有相似特征的元素（标签）
		1. 事件绑定：
		2. 入口函数：
		3. 样式控制：
5. DOM操作
	1. 内容操作
		1. html():获取/设置元素的标签体内容
		2. text():获取/设置元素的标签体存文本内容
		3. val():获取/设置元素的value属性值
	2. 属性操作
		1. 通用的属性操作
			1. attr（）:获取/设置元素的属性
			2. removeAttr（）：删除属性
			3. prop（）：获取/设置元素的属性
			4. removeprop（）：删除属性
			attr和prop的区别：
				1. 如果操作的是元素的固有属性，则建议使用prop
				2. 如果操作的是元素自定义属性，则建议使用attr
		2. 对class属性的操作	
			1. addClass():添加class属性值
			2. removeClass():删除class属性值
			3. toggleClass():切换class属性
				1. toggleClass("one"):判断如果元素对象上存在class="one",则将属性值one删除掉
					* 如果元素对象上不存在class=one则添加
	3. CRUD操作
		1. append():父元素将子元素追加到末尾
			* 对象1.append（对象2）：将对象2添加到对象1元素内部，并且在末尾
		2. prepend():父元素将子元素追加到开头
			* 对象1.append（对象2）：将对象2添加到对象1元素内部，并且在开头
		3. appendTo():
			* 对象1.appendTo(对象2):将对象1添加到对象2元素内部，并且在末尾
		4. prepend():父元素将子元素追加到开头
			* 对象1.append（对象2）：将对象1添加到对象2元素内部，并且在开头
		5. after():添加元素到元素的后边
			1. 对象1.after(对象2)：对象2添加到对象1后边，对象1和对象2是兄弟关系
		6. before():添加元素到元素的前面
			1. 对象1.before(对象2)：对象2添加到对象1前边，对象1和对象2是兄弟关系
		7. insertAfter()
			1. 对象1.innertAfter(对象2)：将对象2添加到对象1后边，对象1和对象2是兄弟关系
		8. insertBefore()
			1. 1. 对象1.innertAfter(对象2)：将对象1添加到对象2后边，对象1和对象2是兄弟关系
		9. remove():移除对象
			1. 对象.remove():将对象删除掉
		10. empty()清空元素的所有后代元素
			1. 对象.empty()：将对象的后代元素全部清空，但是保留当前对象以及器属性节点

#jq高级：
1.JQuery高级
1. 动画
1. 三种方式显示和隐藏元素
1. 默认显示和隐藏方式
1. show()
1. 参数
1. speed:动画的速度。三个预定义的值:(“slow”,“normal”,“fast”):或表示动画市场的毫秒数值。
2. easing:用来指定切换的效果，默认是“swing”，可用参数“linear”
1. swing:动画执行时效果是 先慢，中间快，最后慢
2. linear:动画执行时速度是匀速的

						3. fn:在动画完成时执行的函数，每个元素执行一次
				2. hide() 
				3. toggle（）
			2.  滑动显示和隐藏方式
				1.  slideDown()
				2.  slideUp()
				3.  slideToggle()
			3. 淡入淡出显示和隐藏方式：
				1. fadeIn()
				2. fadeOut()
				3. fadeToggle()
	2. 遍历
		1. js的遍历方式
			1. for(初始化值；循环结束条件；步长)
		2. jq的遍历方式
			1. jq对象.each(callback)
			2. $.each(object,[callback])
			3. for...of:
		    <script>
  /* $(function () {
       //获取所有的ul下的li
       var $city = $("#city li");
       for (var i=0;i<$city.length;i++){
           alert(i+":"+$city[i].innerText)
       }
   });*/

 /* $(function () {
      var $city = $("#city li");
      $city.each(function (index,element) {
          //alert(this.innerText);
        //  alert(index+":"+element.innerText)
          if("上海"==$(element).html()) {
              //如果当前function返回为false则结束循环
              //如果返回为true，则结束本次循环，继续下次循环
                return  true;
          }
          alert(index+":"+$(element).html())
      });
  });*/
   /*$(function () {
       var city = $("#city li");
       /!* $.each(city,function () {
            alert($(this).html())
        })*!/
      for (li of city){
          alert(alert($(li).html()));
      }
   })*/
	</script>
	3. 事件绑定
		1. jq标准的绑定方式
			1. jq对象.事件方法（回调方法）；
		2. on绑定事件/off解除绑定
			1. jq对象.on("事件名称",回调函数)
			2. jq对象.off("事件名称")
		3. 事件切换：toggle
			1. jq对象.toggle(fn1,fn2,fn3...) 
	4. 插件:增强jQuery的功能
		1. 实现方式：
			1. $.fn.extend(object) :
				1. 增强通过jq获取的对象的功能 $("id")
			2. $.extend(object) :
 				1. 增强jQ对象自身的功能  	$/jq