w3school_jQuery参考手册

W3SchooljQuery参考手册来源：整理：飞龙日期：2014.10.2jQuery参考手册-选择器jQuery选择器选择器实例选取*$(*)所有元素#id$(#lastname)id=lastname的元素.class$(.intro)所有class=intro的元素element$(p)所有p元素.class.class$(.intro.demo)所有class=intro且class=demo的元素:first$(p:first)第一个p元素:last$(p:last)昀后一个p元素:even$(tr:even)所有偶数tr元素:odd$(tr:odd)所有奇数tr元素:eq(index)$(ulli:eq(3))列表中的第四个元素（index从0开始）:gt(no)$(ulli:gt(3))列出index大于3的元素:lt(no)$(ulli:lt(3))列出index小于3的元素:not(selector)$(input:not(:empty))所有不为空的input元素:header$(:header)所有标题元素h1-h6:animated所有动画元素:contains(text)$(:contains('W3School'))包含指定字符串的所有元素:empty$(:empty)无子（元素）节点的所有元素:hidden$(p:hidden)所有隐藏的p元素:visible$(table:visible)所有可见的表格s1,s2,s3$(th,td,.intro)所有带有匹配选择的元素[attribute]$([href])所有带有href属性的元素[attribute=value]$([href='#'])所有href属性的值等于#的元素[attribute!=value]$([href!='#'])所有href属性的值不等于#的元素[attribute$=value]$([href$='.jpg'])所有href属性的值包含以.jpg结尾的元素:input$(:input)所有input元素:text$(:text)所有type=text的input元素:password$(:password)所有type=password的input元素:radio$(:radio)所有type=radio的input元素:checkbox$(:checkbox)所有type=checkbox的input元素:submit$(:submit)所有type=submit的input元素:reset$(:reset)所有type=reset的input元素:button$(:button)所有type=button的input元素:image$(:image)所有type=image的input元素:file$(:file)所有type=file的input元素:enabled$(:enabled)所有激活的input元素:disabled$(:disabled)所有禁用的input元素:selected$(:selected)所有被选取的input元素:checked$(:checked)所有被选中的input元素参阅教程：jQuery元素选择器语法jQuery参考手册-事件jQuery事件方法事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。触发实例：$(button#demo).click()上面的例子将触发id=demo的button元素的click事件。绑定实例：$(button#demo).click(function(){$(img).hide()})上面的例子会在点击id=demo的按钮时隐藏所有图像。方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的blur事件change()触发、或将函数绑定到指定元素的change事件click()触发、或将函数绑定到指定元素的click事件dblclick()触发、或将函数绑定到指定元素的doubleclick事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过live()函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的error事件返回event对象上是否调用了event.isDefaultPrevented()event.preventDefault()。event.pageX相对于文档左边缘的鼠标位置。event.pageY相对于文档上边缘的鼠标位置。event.preventDefault()阻止事件的默认动作。event.result包含由被指定事件触发的事件处理器返回的昀后一个值。event.target触发该事件的DOM元素。event.timeStamp该属性返回从1970年1月1日到事件发生时的毫秒数。event.type描述事件的类型。event.which指示按了哪个键或按钮。focus()触发、或将函数绑定到指定元素的focus事件keydown()触发、或将函数绑定到指定元素的keydown事件keypress()触发、或将函数绑定到指定元素的keypress事件keyup()触发、或将函数绑定到指定元素的keyup事件live()为当前或未来的匹配元素添加一个或多个事件处理器load()触发、或将函数绑定到指定元素的load事件mousedown()触发、或将函数绑定到指定元素的mousedown事件mouseenter()触发、或将函数绑定到指定元素的mouseenter事件mouseleave()触发、或将函数绑定到指定元素的mouseleave事件mousemove()触发、或将函数绑定到指定元素的mousemove事件mouseout()触发、或将函数绑定到指定元素的mouseout事件mouseover()触发、或将函数绑定到指定元素的mouseover事件mouseup()触发、或将函数绑定到指定元素的mouseup事件one()向匹配元素添加事件处理器。每个元素只能触发一次该处理器。ready()文档就绪事件（当HTML文档就绪可用时）resize()触发、或将函数绑定到指定元素的resize事件scroll()触发、或将函数绑定到指定元素的scroll事件select()触发、或将函数绑定到指定元素的select事件submit()触发、或将函数绑定到指定元素的submit事件toggle()绑定两个或多个事件处理器函数，当发生轮流的click事件时执行。trigger()所有匹配元素的指定事件triggerHandler()第一个被匹配元素的指定事件unbind()从匹配元素移除一个被添加的事件处理器undelegate()从匹配元素移除一个被添加的事件处理器，现在或将来unload()触发、或将函数绑定到指定元素的unload事件参阅教程：jQuery元素选择器语法jQuery事件-bind()方法实例当点击鼠标时，隐藏或显示p元素：$(button).bind(click,function(){$(p).slideToggle();});定义和用法bind()方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。将事件和函数绑定到元素规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。语法$(selector).bind(event,data,function)参数描述event必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。data可选。规定传递到函数的额外数据。function必需。规定当事件发生时运行的函数。替代语法$(selector).bind({event:function,event:function,...})参数描述{event:function,event:function,...}必需。规定事件映射，其中包含一个或多个添加到元素的事件，以及当事件发生时运行的函数。jQuery事件-blur()方法实例当输入域失去焦点(blur)时改变其颜色：$(input).blur(function(){$(input).css(background-color,#D6D6FF);});定义和用法当元素失去焦点时发生blur事件。blur()函数触发blur事件，或者如果设置了function参数，该函数也可规定当发生blur事件时执行的代码。提示：早前，blur事件仅发生于表单元素上。在新浏览器中，该事件可用于任何元素。触发blur事件触发被选元素的blur事件。语法$(selector).blur()将函数绑定到blur事件规定当被选元素的blur事件发生时运行的函数。语法$(selector).blur(function)参数描述function可选。规定当blur事件发生时运行的函数。jQuery事件-change()方法实例当输入域发生变化时改变其颜色：$(.field).change(function(){$(this).css(background-color,#FFFFCC);});定义和用法当元素的值发生改变时，会发生change事件。该事件仅适用于文本域（textfield），以及textarea和select元素。change()函数触发change事件，或规定当发生change事件时运行的函数。注释：当用于select元素时，change事件会在选择某个选项时发生。当用于textfield或textarea时，该事件会在元素失去焦点时发生。触发change事件触发被选元素的change事件。语法$(selector).change()将函数绑定到change事件规定当被选元素的change事件发生时运行的函数。语法$(selector).change(function)参数描述function可选。规定当change事件发生时运行的函数。jQuery事件-click()方法实例当点击按钮时，隐藏或显示元素：$(button).click(function(){$(p).slideToggle();});定义和用法当点击元素时，会发生click事件。当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次click。click()方法触发click事件，或规定当发生click事件时运行的函数。触发click事件语法$(selector).click()将函数绑定到click事件语法$(selector).click(function)参数描述function可选。规定当发生click事件时运行的函数。jQuery事件-dblclick()方法实例当双击按钮时，隐藏或显示元素：$(button).dblclick(function(){$(p).slideToggle();});定义和用法当双击元素时，会发生dblclick事件。当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次click。在很短的时间内发生两次click，即是一次doubleclick事件。dblclick()方法触发dblclick事件，或规定当发生dblclick事件时运行的函数。提示：如果把dblclick和click事件应用于同一元素，可能会产生问题。触发dblclick事件语法$(selector).dblclick()将函数绑定到dblclick事件语法$(selector).dblclick(function)参数描述function可选。规定当发生dblclick事件时运行的函数。jQuery事件-delegate()方法实例当点击鼠标时，隐藏或显示p元素：$(div).delegate(button,click,function(){$(p).slideToggl