12.19笔记

{1}jquery

$是顶级对象，是jquery的别称，相当于原生js里的window，对元素进行包装，以数组的形式。
jquery和dom的区别
jquery：只能使用jQuery的方法，不能使用原生js的方法。否则报错！
 

将jQuery转换成dom对象	1.$(对象)[0].方法 2.$(对象)》get（0）
将dom转换成jquery	使用$（）包装

{2}jquery选择器
$("对象").click(function(){}）
$(“选择器”).css("属性名"，“属性值”)
隐式迭代:遍历内部dom元素的过程
存在多个标签时，可以直接$(“选择器”).css("属性名"，“属性值”)
 

{3}筛选选择器
$("ul li：eq（下标）")
$("ul li：odd").css("属性名"，“属性值”)(选择下标为奇数的行)
$("ul li：even").css("属性名"，“属性值”)(选择下标为偶数的行)

{4}筛选的方法
类似于子代选择器：
$(".son").parent()通过子级找到父级
$(".father").children(“。son”)通过父级找到子级

类似于后代选择器：
$(".father").find（“div”）

寻找兄弟节点：（找不到自己）
$(".son“）.sibling（“兄弟节点”）
{5}更改css的样式
1.$(“选择器”).css("属性名"，“属性值”)
2.(更改多个对象)$(“选择器”).css（{("属性名"，“属性值”)，("属性名"，“属性值”)，("属性名"，“属性值”)}）
 3.$("对象").addClass（”类名“）（对类名进行添加）
$("对象").remobveClass("类名")
$("对象").toggleClass("类名")
{6}显示和隐藏
$("对象”).show（）显示
$("对象”).hide（）隐藏
$("对象”).toggle（）切换

{7}滑动
$("对象”).slideDown（）划入从上往下
$("对象”).slideUp()  划出从下往上
$("对象”).toggle（）切换

{8}淡入淡出
$("对象”).fadeIn（）淡入
$("对象”).fadeOut()淡出
$("对象”).toggle（）切换

{10}自定义动画
animate（想要更改的样式属性（不需要带单位），【speed】，[easing]，【回调函数】）

$("对象”).stop（）.toggle（）切换
停止前面的执行这条代码