jQuery知识点复习.doc

jquery知识点复习一、基本概念1. jQuery简介jQuery是一个基于javascript的框架。它提供了丰富的选择器和大量的函数，可以方便的实现网页中各种动态的效果。迄今为止，已经有大量的jquery插件和基于jQuery的UI框架（miniui、easyui、ligerui）。jQuery的宗旨是：write less,do more!1. 文档加载完毕函数常规形式：$(document).ready(function();简写形式：$(function();1. jquery对象和js对象的相互转化jquery对象不等同于js对象!js对象的属性和方法,jquery对象不能调用；jquery对象的属性和方法，js对象也不能调用。js转jquery：$(js对象)jquery转js：$(“#box1”).get(0) 或者$(“.box”)0二、选择器jquery的基石就是选择，jquery提供了大量的选择器。建议在不同的业务场景下使用不同的选择器。注意：通过任何一个选择器筛选到的结果都是一个数组，所以要判断通过选择器是否筛选到了元素，可以通过length属性进行判断。1. 基本选择器nID选择器$(“#ID值”) 例如：$(“#txt1”)n类选择器$(“.class名称”) 例如：$(“.box”)n标记选择器$(“tagName”) 例如：$(“div”)n组合选择器$(“selector1,selector2,selector3”) 例如：$(“.box,#txt1,div”)n通配符选择器$(“*”)1. 层次选择器n父子选择器$(“selector1 selector2”)n祖先后代选择器$(“selector1 selector2”)n后兄弟选择器$(“selector1siblings”)n相邻的后兄弟选择器$(“selector1 + selector2”)1. 基本过滤选择器n:first：筛选第一个元素n:last：筛选最后一个元素n:odd：筛选索引值为奇数的元素n:even：筛选索引值为偶数的元素n:eq(n)：筛选索引值等于n的元素n:gt(n)：筛选索引值大于n的元素n:lt(n)：筛选索引值小于n的元素n:not(selector)：筛选排除selector以外的元素1. 内容过滤选择器n:contains(text)：筛选文本内容包含text的元素n:empty：筛选不包含任何子元素和文本内容的元素n:parent：筛选包含子孙元素或文本内容的元素1. 可见性过滤选择器n:visible：筛选可见元素n:hidden：筛选不可见元素1. 属性过滤选择器nattr：筛选存在attr属性的元素nattr=value：筛选attr属性值等于value的元素nattr!=value：筛选attr属性值不等于value的元素nattr=value：筛选attr属性值以value开头的元素nattr$=value：筛选attr属性值以value结尾的元素nattr*=value：筛选attr属性值包含value的元素1. 表单属性选择器n:checked：筛选选中状态的单选按钮和复选框n:selected：筛选选中的下拉列表项n:enabled：筛选可用的表单元素n:disabled：筛选不可用的表单元素1. 表单对象选择器n:text：筛选单行文本框n:button：筛选按钮元素n:submit：筛选提交按钮n:password：筛选密码框n:radio：筛选单选按钮n:checkbox：筛选复选框n:file：筛选文件域n:image：筛选图片一、筛选函数nparent()：获取父元素nchildren()：获取子元素nnext()：获取相邻的后兄弟元素nnextAll()：获取所有的后兄弟元素nprev()：获取相邻的前兄弟元素nprevAll()：获取所有的前兄弟元素nfind()：从子孙后代元素中查找满足条件的子孙元素（过滤后的是这组元素的子孙元素）nfilter()：从一组元素中筛选满足条件的元素（过滤后的是这一组元素中的部分元素）nfirst()：获取第一个元素nlast()：获取最后一个元素nsiblings()：获取所有的同辈元素nnot()：排除指定的元素nindex()：获取一个元素在一组元素中的索引值neq(n)：获取索引值等于n的元素二、样式操作ncss(“css属性”)：获取css属性的值ncss(“css属性”, “值”)：给css属性赋值ncss(“css属性1”:“值”, “css属性2”:”值”)：通过给多个css属性赋值naddClass：添加class样式nremoveClass：移除class样式ntoggleClass：切换class样式nhasClass：判断是否拥有class样式，有返回true，否则返回false三、属性操作nattr(“属性名”)：获取属性的值nattr(“属性名”, “值”)：给属性赋值四、DOM操作nappend()：追加子元素（最后一个子元素）nprepend()：添加子元素（第一个子元素）nremove()：移除元素nempty()：清除所有的子孙元素nafter()：添加一个后兄弟元素nbefore：添加一个前兄弟元素五、事件1. 事件的类型load、click、dblclick、focus、blur、change、mouseover、mouseout、mousemove、mouseenter、mouseleave、keyup、keydown、keypress、scroll、resize1. 事件函数nbind：为事件绑定函数$(“#button1”).bind(“click”, function()nunbind：解除绑定的事件$(“#button1”).unbind(“click”);nclick(function()：为事件绑定函数的另一种写法$(“#button1”).click(function();nclick()：触发或模拟单击事件1. 事件参数$(“#button1”).click(function(event)event.target：获取触发当前事件的元素event.source：event.which：获取对应的键盘按键值和鼠标按键值event.preventDefault()：阻止浏览器默认行为event.stopPropagation()：阻止事件冒泡);一、动画nshow(slow|normal|fast|毫秒数)：让元素显示nhide(slow|normal|fast|毫秒数)：隐藏元素ntoggle(slow|normal|fast|毫秒数)：切换元素的显隐状态nslideUp()：让元素隐藏（高度逐渐变为0）nslideDown()：让元素显示（高度从0逐渐恢复到原始高度）nslideToggle()：切换元素的显隐状态（改变的是高度）nfadeIn()：让元素显示（透明度逐渐变为不透明）nfadeOut()：让元素隐藏（改变透明度逐渐变为透明）nfadeToggle()：切换元素的显隐状态（改变透明度）nanimate()：自定义动画$(“#box1”).animate(width:”+=50px”, height:”200px”, 1000)二、其他函数nheight()、height(val)nwidth()、width(val)nval(value)、val()ntext(value)、text()nhtml(value)、html()上述函数有参数表示赋值，没有参数表示获取值。