Jquary基础

基本知识：

就是一个JS函数包

选择器：基本选择器：

1. 基本：ID选择器 “#” ， Class选择器 “.”，标签选择器 “标签名”
2. 组合：并列用“,”隔开   后代用空格隔开

过滤选择器：基本过滤：

首尾过滤:

用“：first” 取首 比如：$(".div:first")  

用“：last”取尾 比如：$(".div:last")  

等于：

用“：eq（索引号）” 或者".eq(索引号)"取任意个 比如：$(".div:eq（0）")  ，$("div").eq（0） 

不等于：

1. 大于：用“：gt（索引号）”
2. 小于：用“：lt（索引号）”
3. 排除：用“：not（选择器）” 比如：$(".div:not(.div:eq(2))")

奇：用“：odd” 如：$(".div:odd")

偶：用“：even” 如：$(".div:even")

属性名过滤：[属性名]  如：$(".div[属性名]")

属性名的值过滤：[属性名=值] $(".div[属性名=值]")

内容过滤：文字： $(".div:("字符串")")  子元素：$(".div:has（“选择器”）")

 

事件：

1. 常规事件：把JS中的事件 on去掉即可 如.click
2. 复合事件：hover(function(){},function(){}) 相当于相当于把mouseover()mouseout()合二为一；toggle(function(){},function(){})--点击事件循环执行
3. 未来元素：对象.live("事件名",function(){});

阻止事件冒泡:return false;

Dom操作：

操作属性：获取属性var s = $("选择器").attr("属性名")；设置属性$("选择器").attr("属性名","属性值")；删除属性$("选择器").removeAttr("属性名")

操作样式：操作内联样式：获取样式var s = $("选择器").css("样式名")；设置样式$("选择器").css("样式名","值")。

             操作样式表的class：添加class：$("选择器").addClass("class名")；移除class：$("选择器").removeClass("class名")；添加移除交替class：$("选择器").toggleClass("class名")

操作内容：表单元素：取值var s = $("选择器").val()；赋值$("选择器").val("值")。

              非表单元素：$("选择器").html("内容"), $("选择器").text("内容")；取值：var s = $("选择器").html(),  var s = $("选择器").text()

操作相关元素：查找：父、前辈parent()，parents(选择器)；子、后代children(选择器)，find(选择器)；兄弟：哥prev()，prevAll(选择器)；弟next()，nextAll(选择器)。

操作：新建$("HTML字符串")，添加appen(jquery对象)（内部添加）after(,..)（下部平级添加）before("...")（上部平级添加），移除empty()清空内部全部元素  remove()移除元素，复制clone()

 

动画：

show(),hide()

slideDown(),slideUp()

fadeIn(),fadeOut()

自定义动画：animate({left:"300px",top:"300px"},3000,function(){回调函数})，

停止动画，防止动画积累： .stop(true)