jQuery基础

jQuery

jQuery是一个js的函数库，可以用美元符号定义它，然后用选择器查询和查找html元素，jQuery的action执行对元素的操作；

$(document).ready(function(){})
$(function(){})

$本身是一个函数，参数不一样，功能不一样；
$(function(){})参数是function，说明是入口函数；
$("#btnSetConent")参数是字符串，并且以#开头，是一个标签选中，查找id；
$(“div”)查找所有的div元素；
$(document).ready(function(){})将document转换为jQuery对象；
jQuery选择器(过滤选择器，筛选选择器除外)和CSS选择器用法一模一样；
过滤选择器：
:eq(index)
$(“li:eq(2)”).css(“color”,“red”)) 获取li元素中选择索引为2的元素，索引号index从0开始；
:odd
$(“li:odd”).css(“color”,“red”)获取到的li元素中，选择索引为奇数的元素；
:event
$(“li:event”).css(“color”,“red”)获取到的li元素中，选择索引为偶数的元素；
筛选选择器：
children(selector)
$(“ul”).children(“li”)相当于子类选择器;
find(selector)
$(“ul”).find(“li”)相当于后代选择器；
siblings(selector)
$("#first").siblings(“li”)查找兄弟节点，不包括自己本身；
parent()
$("#first").parent()查找父亲；
eq(index)
$(“li”).eq(2)相当于index从0开始;
next()
$(“li”).next()找下一个兄弟；
prev()
$(“li”).prev()找上一个兄弟；
index()
$(“li”).index()获取当前位置的索引;
not()
$(“p”).not(".intro")返回不带类名的“intro”的所有<p>元素;
页面对不同访问者的响应叫事件；

$("p").click(function(){});

click是单击事件；
dbclick是双击事件；
mouseenter鼠标进入；
mouseleave鼠标离开；
focus获取焦点；
blur失去焦点；

jQuery css()方法

css()方法设置或返回被选元素的一个或者多个样式属性；
返回css属性的值：$(“p”).css(“background-color”);
设置css属性 $(“p”).css(“background-color”,“yellow”);
addClass()向被选元素添加一个或者多个类；
removeClass()删除一个或者多个类；
toggleClass()添加、删除类的切换操作；
eq()方法被返回带有被选元素的指定索引号的元素，第一个元素索引是0；
index()方法返回指定元素相对于其他同级元素的index位置；
not()方法返回指定元素之外的元素;
jQuery隐藏显示：可以使用hide()和show()；
使用toggle方法来切换隐藏和显示:
$(“button”).click(function(){$(“p”).toggle();});
fadeln()用于淡出和淡入已经隐藏的元素，fadeOut()方法用于淡出可见元素；
使用fadeToggle()方法可以在fadeIn()和fadeOut()方法之间进行切换；
$(“button”).click(function(){("#div2").fadeToggle(“fast”);});
可以使用fadeTo方法允许渐变为给定的不透明度；
$(“button”).click(function(){$(“div1”).fadeTo(“slow”,0.15);});