jQuery学习笔记

jQuery


基本选择器
$选择器
#取id
.取类；标签.类表示选取此标签下的此类节点
空取标签


属性选择器 []=?指选取属性=某值；[$]=某值指选取结尾为某值的dom节点


其他选择器
父标签 子标签：first指选取父标签下第一个某标签的节点；相当于父标签 子标签:eq(1)


常用方法名
css,text,val,html.length
获取css，获取文本，获取对象，获取html代码，获取长度（方法括号中有值表示设置）


添加节点：$("父标签").append($("html"))//在尾部添加
$("html").insertAfter($("此标签在html节点之上")) //在中间插入，选取某节点的方法是父标签 子标签:eq(1)
删除节点：$("html").remove()


操作节点属性：$("html").attr("属性名","替换值")
$("html").removeAttr("属性名") //删除节点属性


操作节点样式：$("html").attr("class","替换值")
$("html").addClass("样式名") //追加样式
$("html").removeClass("样式名") //移除样式


遍历节点
$("节点名").children() ,使用for循环遍历
$("节点名").next()，获取下一个
$("节点名").prev()，获取上一个


CSS-DOM(内联样式)
$("节点名").css("color","颜色"),获取本节点中颜色样式的值，并替换颜色


原生js对象，如需使用jQuery的方法，需采用$(val).方法名() 


jQuery事件
文档加载完成时调用：$(document).ready()
绑定单击事件：$("节点名").click()
绑定双击事件：$("节点名").dblclick()
获取焦点：$("节点名").focus()
失去焦点：$("节点名").blur()
鼠标移入：$("节点名").mouseover()
鼠标移出：$("节点名").mouseout()


jQuery动画
显示：$("节点名").show()
隐藏：$("节点名").hide()
淡入：$("节点名").fadeOut()
淡出：$("节点名").fadeIn()
淡入加淡出：$("节点名").fadeToggle("slow"||"fast"||毫秒||)
淡入淡出透明度：$("节点名").fadeTo("速度",0-1之间小数)//0是不可见1是完全可见
向下滑动：$("节点名").slideDown("速度")
向上滑动：$("节点名").slideUp("速度")
向左移动：$("节点名").animate({left:'距离px'},"速度")//css中的position需改为absolute
动画效果可组合：
animate({
left:'距离px'
opacity:0-1之间小数
height:'大小px' //可使用代码+=逐渐变大
width:'宽度px'
})
动画方法中可加回调方法$("节点名").show(function(){})
暂停动画：$("节点名").stop()


jQuery Ajax
$("节点名").load("url",parm,回调方法)
$.post("url",parm,回调方法)
jQuery对象=eval("("+json+")")
具体属性=jQuery对象.具体属性