jQuery语法教程

1、jQuery语法$(selector).action()jQuery 使用 $ 符号作为 jQuery 的简介方式。var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。jQuery 选择器选择器实例选取*$(*)所有元素#id$(#lastname)id=lastname 的元素.class$(.intro)所有 class=intro 的元素element$(p)所有 元素.class.class$(.intro.demo)所有 class=intro 且 class=demo 的元素:first$(p:first)第一个 元素:last

2、$(p:last)最后一个 元素:even$(tr:even)所有偶数 元素:odd$(tr:odd)所有奇数 元素:eq(index)$(ul li:eq(3)列表中的第四个元素（index 从 0 开始）:gt(no)$(ul li:gt(3)列出 index 大于 3 的元素:lt(no)$(ul li:lt(3)列出 index 小于 3 的元素:not(selector)$(input:not(:empty)所有不为空的 input 元素:header$(:header)所有标题元素 - :animated所有动画元素:contains(text)$(:contains(W3Scho

3、ol)包含指定字符串的所有元素:empty$(:empty)无子（元素）节点的所有元素:hidden$(p:hidden)所有隐藏的 元素: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 属性的值包含以

4、 .jpg 结尾的元素:input$(:input)所有 元素:text$(:text)所有 type=text 的 元素:password$(:password)所有 type=password 的 元素:radio$(:radio)所有 type=radio 的 元素:checkbox$(:checkbox)所有 type=checkbox 的 元素:submit$(:submit)所有 type=submit 的 元素:reset$(:reset)所有 type=reset 的 元素:button$(:button)所有 type=button 的 元素:image$(:image)所有

5、 type=image 的 元素:file$(:file)所有 type=file 的 元素:enabled$(:enabled)所有激活的 input 元素:disabled$(:disabled)所有禁用的 input 元素:selected$(:selected)所有被选取的 input 元素:checked$(:checked)所有被选中的 input 元素防止文档在完全加载（就绪）之前运行 jQuery 代码$(document).ready(function() )；jQuery 事件方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的

6、blur 事件change()触发、或将函数绑定到指定元素的 change 事件click()触发、或将函数绑定到指定元素的 click 事件dblclick()触发、或将函数绑定到指定元素的 double click 事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过 live() 函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的 error 事件event.isDefaultPrevented()返回 event 对象上是否调用了 event.preventDefault()。event.pageX相对于文档左边缘的鼠标

7、位置。event.pageY相对于文档上边缘的鼠标位置。event.preventDefault()阻止事件的默认动作。event.result包含由被指定事件触发的事件处理器返回的最后一个值。event.target触发事件的 DOM 元素。event.timeStamp该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。event.type描述事件的类型。event.which指示按了哪个键或按钮。focus()触发、或将函数绑定到指定元素的 focus 事件keydown()触发、或将函数绑定到指定元素的 key down 事件keypress()触发、或将函数绑定到指定元素

8、的 key press 事件keyup()触发、或将函数绑定到指定元素的 key up 事件live()触发、或将函数绑定到指定元素的 load 事件load()触发、或将函数绑定到指定元素的 load 事件mousedown()触发、或将函数绑定到指定元素的 mouse down 事件mouseenter()触发、或将函数绑定到指定元素的 mouse enter 事件mouseleave()触发、或将函数绑定到指定元素的 mouse leave 事件mousemove()触发、或将函数绑定到指定元素的 mouse move 事件mouseout()触发、或将函数绑定到指定元素的 mouse

9、out 事件mouseover()触发、或将函数绑定到指定元素的 mouse over 事件mouseup()触发、或将函数绑定到指定元素的 mouse up 事件one()向匹配元素添加事件处理器。每个元素只能触发一次该处理器。ready()文档就绪事件（当 HTML 文档就绪可用时）resize()触发、或将函数绑定到指定元素的 resize 事件scroll()触发、或将函数绑定到指定元素的 scroll 事件select()触发、或将函数绑定到指定元素的 select 事件submit()触发、或将函数绑定到指定元素的 submit 事件toggle()绑定两个或多个事件处理器函数，当

10、发生轮流的 click 事件时执行。trigger()所有匹配元素的指定事件triggerHandler()第一个被匹配元素的指定事件unbind()从匹配元素移除一个被添加的事件处理器undelegate()从匹配元素移除一个被添加的事件处理器，现在或将来unload()触发、或将函数绑定到指定元素的 unload 事件 jQuery 效果jQuery 隐藏和显示hide() 和 show() 两个函数，jQuery 支持对 HTML 元素的隐藏和显示$(selector).hide(speed,callback)$(selector).show(speed,callback)speed 参

11、数规定显示或隐藏的速度。可以设置这些值：slow, fast, normal 或毫秒jQuery 切换jQuery toggle() 函数使用 show() 或 hide() 函数来切换 HTML 元素的可见状态。隐藏显示的元素，显示隐藏的元素。$(selector).toggle(speed,callback)jQuery 滑动函数 slideDown, slideUp, slideToggle$(selector).slideDown(speed,callback)$(selector).slideUp(speed,callback)$(selector).slideToggle(spee

12、d,callback)jQuery Fade 函数 fadeIn() 淡化到给定的不透明程度fadeIn(“slow”,0.2) fadeOut() 淡化到消失 fadeTo() 淡入效果 适用于通过 jQuery 隐藏的元素$(selector).fadeIn(speed,callback)$(selector).fadeOut(speed,callback)$(selector).fadeTo(speed,opacity,callback)jQuery 自定义动画$(selector).animate(params,duration,easing,callback)关键的参数是 param

13、s。它定义产生动画的 CSS 属性。可以同时设置多个此类属性：animate(width:70%,opacity:0.4,marginLeft:0.6in,fontSize:3em);第二个参数是 duration。它定义用来应用到动画的时间。它设置的值是：slow, fast, normal 或毫秒jQuery HTML 操作改变 HTML 内容语法$(selector).html(content)html() 函数改变所匹配的 HTML 元素的内容（innerHTML）。添加 HTML 内容append() 函数向所匹配的 HTML 元素内部追加内容。prepend() 函数向所匹配的 H

14、TML 元素内部预置（Prepend）内容。after() 函数在所有匹配的元素之后插入 HTML 内容。before() 函数在所有匹配的元素之前插入 HTML 内容。$(selector).prepend(content)jQuery CSS 函数$(selector).css(name,value) 函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值$(selector).css(properties)函数 css(properties) 同时为所有匹配元素的一系列 CSS 属性设置值：$(selector).css(name) 函数 css(name) 返回

15、指定的 CSS 属性的值：$(selector).css(properties)$(p).css(background-color:red,font-size:200%);jQuery Size 操作 $(selector).height(value) 设置匹配元素的高度 $(selector).width(value) 设置匹配元素的宽度jQuery AJAX 请求请求描述$(selector).load(url,data,callback)把远程数据加载到被选的元素中$.ajax(options)把远程数据加载到 XMLHttpRequest 对象中$.get(url,data,callback,type)使用 HTTP GET 来加载远程数据$.post(url,data,callback,type)使用 HTTP POST 来加载远程数据$.getJSON(ur