jquery

1- $方法的四种传参形式

	$("css选择器")   // 返回与css选择器相匹配的jQuery对象
	$(Node) 		 // 返回与Node节点相匹配的jQuery（将Node节点转换为jQuery对象）
	$("HTML代码段")  // 根据HTML代码段生成一个或若干个jQuery对象的
	$(function(){})  // 类似于window.onload事件，完全等价于document.onready

2- jQuery对象

jQuery对象：一个由若干个Node节点构成的类数组；不同于Node和NodeList，Node节点和jQuery对象下的方法与属性互相独立。

js对象不能调用jq对象的方法

jq对象不能调用DOM对象的方法

jq对象与js对象的联系(jq对象其实就是js对象的一个集合 伪数组 里面存放了一大堆的js对象)

3 -jQuery对象下的方法

3-1 操作类样式

addClass() 为jQuery对象追加类名
removeClass() 移除类名
hasClass() 检测元素是否含有某个类型，返回Boolean
toggleClass() 追加/删除类名

$("li").addClass("basic");
$("li").removeClass("bigger");
console.log($("li").hasClass("bigger"));
$("li").toggleClass("basic");

3-2操作内容和属性

html() 设置/获取内容

         // 设置内容
		// $("div").html("hello")
		// 清空内容
		// $("div").html("")

val() 设置/获取元素的value属性的属性值
attr(key,value) 设置/获取元素的自定义属性的属性值
prop() 对于布尔类型的属性 不要attr方法 应该用prop方法 prop方法跟attr方法是一样

removeAttr(name):移除某个属性

                 {
    				$("#jcdAll").prop("checked",true);
    			}else{
    				$("#jcbAll").prop("checked",false);
    			}

3-3 操作css行内样式

css() 修改/设置元素的行内样式

3-4获取元素

closest(“css选择器”) 从调用方法的jQuery对象开始，逐层向上寻找与css选择器相匹配的父级元素，直到找到一个匹配到的元素就停止寻找并将其返回。
find(“css选择器”) 在调用方法的jQuery的内容寻找与css选择器相匹配的所有的后代元素
parent():找爹
siblings():找兄弟 不包括自己
next:下一个兄弟
prev:上一个兄弟

3-5操控元素的方法

remove() 删除元素、节点
clone(true) 克隆元素 有true连事件克隆，没有不克隆事件
append() 插入到元素的结束标签的前面
prepend() 插入到元素的开始标签的后面
after() 插入到元素的后面当做下一个兄弟节点
before() 插入到元素的前面当做上一个兄弟节点

$("p").appendTo($("div"));


$("p").prependTo($("div"));
remove() 删除元素、节点
clone(true)  克隆元素 有true连事件克隆，没有不克隆事件
append()  插入到元素的结束标签的前面
prepend() 插入到元素的开始标签的后面
after()   插入到元素的后面当做下一个兄弟节点
before()  插入到元素的前面当做上一个兄弟节点
empty()   清空内容  

3-6三组动画/显示隐藏、淡入淡出、滑入滑出

show()
hide()
toggle()

fadeIn(time,callback)
fadeOut(time,callback)
fadeToogle(time,callback)

slideDown(time,callback)
slideUp(time,callback)
slideToggle(time,callback)

3-7枚举、提取元素、找索引

each(function(){}) //枚举jQuery对象结果集每一个元素
eq(index) 从jQuery结果集中根据下标提取出某一个元素
index() 会返回当前元素在所有兄弟元素里面的索引 ,返回该元素在其父级元素中与其他兄弟节点的相对下标

3-8自定义动画和停止动画

animate({},time,callback) 修改/设置元素的行内样式 加动画的

//stop:停止当前正在执行的动画
//clearQueue:如果设置成true，则清空队列。可以立即结束动画。
//jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。
$("div").stop(true);