最新的Web开发教程
 

jQuery例子


你想发展你的jQuery选择的技能?

请尝试我们的jQuery选择器测试仪


jQuery的选择器

$("p").hide()
演示了jQuery hide()方法隐藏所有<p>元素。

$("#test").hide()
演示了jQuery hide()方法,隐藏的元素id="test"

$(".test").hide()
演示了jQuery hide()方法,隐藏了所有的元素class="test"

$(this).hide()
演示了jQuery hide()方法,隐藏当前的HTML元素。

举例说明


jQuery的活动

jQuery的click()
演示jQuery的click()事件。

jQuery的dblclick()
演示jQuery的dblclick()事件。

jQuery的mouseenter()
演示了jQuery mouseenter()事件。

jQuery的mouseleave()
演示jQuery的mouseleave()事件。

jQuery的mousedown()
演示jQuery的mousedown()事件。

jQuery的mouseup()
演示jQuery的mouseup()事件。

jQuery的hover()
演示jQuery的hover()事件。

jQuery的focus()blur()
演示jQuery的focus()blur()事件。

举例说明


jQuery的隐藏/显示

jQuery的hide()
演示了jQuery hide()方法。

jQuery的hide()show()
演示jQuery的hide()show()方法。

jQuery的toggle()
jQuery的toggle()之间切换hide()show()

jQuery的hide()
另一个隐藏演示。 如何隐藏部分文本。

举例说明


jQuery的淡入淡出

jQuery的fadeIn()
演示jQuery的fadeIn()方法。

jQuery的fadeOut()
演示了jQuery fadeOut()方法。

jQuery的fadeToggle()
演示jQuery的fadeToggle()方法。

jQuery的fadeTo()
演示jQuery的fadeTo()方法。

举例说明


jQuery的幻灯片

jQuery的slideDown()
演示了jQuery slideDown()方法。

jQuery的slideUp()
演示jQuery的slideUp()方法。

jQuery的slideToggle()
演示了jQuery slideToggle()方法。

举例说明


jQuery的动画

jQuery的animate()
演示了一个简单使用的jQuery的animate()方法。

jQuery的animate() -操作多个CSS属性
证明你可以操纵与jQuery的多个CSS属性animate()方法。

jQuery的animate() -用相对值
表明你可以在jQuery的使用相对值animate()方法。

jQuery的animate() -使用预定义值
表明您可以使用预定义值"hide", "show", "toggle"在jQuery的animate()方法。

jQuery的animate()
演示使用jQuery更多的animate()方法(几个animate()后互相调用)。

jQuery的animate()
演示使用jQuery更多的animate()方法(几个animate()后互相调用)。

举例说明


jQuery的停止动画

jQuery的stop()滑动
演示了jQuery stop()方法。

jQuery的stop()的动画(与参数)
演示了jQuery stop()方法。

举例说明


jQuery的HTML获取内容和属性

jQuery的text()html() -获取内容
获取内容与jQuery的text()html()方法。

jQuery的val() -获取内容
获取与jQuery的表单字段的值val()方法。

jQuery的attr() -获取属性值
获取与jQuery的一个属性的值attr()方法。

举例说明


jQuery文档集内容和属性

jQuery的text() HTML()html() VAL() -集内容val()
集内容与jQuery的text() html()val()方法。

jQuery的text()html() -集内容有一个回调函数
集内容使用一个回调函数里面+ text()html()

jQuery的attr() -设置属性值
设置属性值与jQuery的attr()方法。

jQuery的attr() -设置多个属性值
与jQuery的多属性值attr()方法。

jQuery的attr() -一个回调函数设置属性值
设置属性值使用一个回调函数里面+ attr()

举例说明


jQuery的HTML元素添加/内容

jQuery的append()
在所选择的HTML元素的末尾插入内容。

jQuery的prepend()
在所选择的HTML元素的开头插入内容。

jQuery的append() -插入几个新元素
创建文本/ HTML,jQuery和JavaScript的/ DOM新的元素。 然后追加新要素的文本。

jQuery的after()before()
插入后选定的HTML元素之前的内容。

jQuery的after() -插入几个新元素
创建文本/ HTML,jQuery和JavaScript的/ DOM新的元素。 然后将所选元素后的新元素。

举例说明


jQuery的HTML删除元素/内容

jQuery的remove()
删除选定的element(s)

jQuery的empty()
删除选定的所有子元素element(s)

jQuery的remove() -一个参数
过滤被除去的元素

举例说明


jQuery的获取和设置CSS类

jQuery的addClass()
类属性添加到不同的元素。

jQuery的addClass() -多类
在中指定多个类addClass()方法。

jQuery的removeClass()
卸下不同的元素特定的类属性。

jQuery的toggleClass()
从选定的元素添加/移除类之间切换。

举例说明


jQuery的css()方法

jQuery的css() -返回CSS属性
从第一个匹配元素返回指定的CSS属性的值。

jQuery的css() -设置CSS属性
为所有匹配的元素指定CSS属性。

jQuery的css() -设置CSS属性
为所有匹配的元素多个CSS属性。

举例说明


jQuery的尺寸

的jQuery -返回width()height()
返回指定元素的宽度和高度。

jQuery的-返回innerWidth()innerHeight()
返回指定元素的内部宽度/高度。

jQuery的-返回outerWidth()outerHeight()
返回指定的元素外宽度/高度。

jQuery的-返回outerWidth(真)和outerHeight(真)
返回外宽/高(包含边距)指定的元素。

的jQuery -返回width()height()的文件和窗口
返回文档(HTML文档)和窗口(浏览器窗口)的宽度和高度。

jQuery的-组width()height()
将指定元素的宽度和高度。

举例说明


jQuery的祖先遍历

jQuery的parent()
演示jQuery的parent()方法。

jQuery的parents()
演示jQuery的parents()方法。

jQuery的parentsUntil()
演示jQuery的parentsUntil()方法。

举例说明


jQuery的后人遍历

jQuery的children()
演示jQuery的children()方法。

jQuery的find()
演示jQuery的find()方法。

举例说明


jQuery的兄弟姐妹遍历

jQuery的siblings()
演示jQuery的siblings()方法。

jQuery的next()
演示jQuery的next()方法。

jQuery的nextAll()
演示jQuery的nextAll()方法。

jQuery的nextUntil()
演示jQuery的nextUntil()方法。

举例说明


jQuery的过滤遍历

jQuery的first()
演示jQuery的first()方法。

jQuery的last()
演示jQuery的last()方法。

jQuery的eq()
演示jQuery的eq()方法。

jQuery的filter()
演示jQuery的filter()方法。

jQuery的not()
演示jQuery的not()方法。

举例说明


jQuery的AJAX load()方法

jQuery的load()
加载文件的内容到<div>元素。

jQuery的load()
加载特定元素的内容的文件中,成<div>元素。

jQuery的load() -用回调
使用了jQuery的load()一个回调函数的方法。

举例说明


jQuery的AJAX get()post()方法

jQuery的get()
使用$.get()方法从服务器上的文件中检索数据。

jQuery的post()
使用$.post()方法来与请求一起发送一些数据。

举例说明