jQuery 实例

  • jQuery 实例

    你想开发你的jQuery选择器技能吗？

  • jQuery 选择器

    方法 描述
    $("p").hide() 隐藏所有<p>元素。尝试一下
    $("#test").hide() 隐藏id=“test”的元素。尝试一下
    $(".test").hide() 隐藏class=“test”的元素。尝试一下
    $(this).hide() 隐藏当前的HTML元素。尝试一下

  • jQuery 事件

    方法 描述
    jQuery click() 当用户单击HTML元素时，将执行该函数。 尝试一下
    jQuery dblclick() 当用户双击HTML元素时，将执行该函数。尝试一下
    jQuery mouseenter() 当鼠标指针进入HTML元素时执行该函数。尝试一下
    jQuery mouseleave() 隐藏当前的HTML元素。尝试一下
    jQuery mousedown() 当鼠标悬停在HTML元素上时，按下鼠标任意键位，执行该功能。尝试一下
    jQuery mouseup() 当鼠标悬停在HTML元素上时，释放鼠标按钮时执行该功能。尝试一下
    jQuery hover() 当鼠标进入HTML元素时执行第一个函数，当鼠标离开HTML元素时执行第二个函数。尝试一下
    jQuery focus() 当表单字段获得焦点时执行该函数。尝试一下
    jQuery blur() 当表单字段失去焦点时执行该函数。尝试一下

  • jQuery 隐藏/显示

    方法 描述
    jQuery hide() 隐藏所有<p>元素。尝试一下
    jQuery hide() 和 show() 隐藏和显示HTML元素。尝试一下
    jQuery toggle() 在隐藏和显示元素之间切换。尝试一下

  • jQuery 淡入/淡出

    方法 描述
    jQuery fadeIn() 用于淡入隐藏元素。尝试一下
    jQuery fadeOut() 用于淡出可见元素。尝试一下
    jQuery fadeToggle() 在淡入和淡出元素之间切换。尝试一下
    jQuery fadeTo() 允许淡入到给定的不透明度（0到1之间的值）。尝试一下

  • jQuery 滑动

    方法 描述
    jQuery slideDown() 用于向下滑动元素。尝试一下
    jQuery slideUp() 用于向上滑动元素。尝试一下
    jQuery slideToggle() 在slideDown和slideUp方法之间切换。尝试一下

  • jQuery 动画

    方法 描述
    jQuery animate() 用于创建自定义动画。尝试一下
    jQuery animate() 操作多个属性。尝试一下
    jQuery animate() 使用相对值。尝试一下
    jQuery animate() 使用预定义的值。尝试一下
    jQuery animate() 使用队列功能。尝试一下
    jQuery stop() 用于在完成之前停止动画或效果。尝试一下

  • jQuery HTML

    方法 描述
    jQuery text() 设置或返回所选元素的文本内容。尝试一下
    jQuery val() 设置或返回表单字段的值。尝试一下
    jQuery html() 设置或返回所选元素的内容（包括HTML标记）。尝试一下
    text(),html()和val() 回调函数的使用。尝试一下
    jQuery attr() 用于获取属性值。尝试一下
    attr() 回调函数的使用。尝试一下
    jQuery append() 在所选HTML元素的尾处插入内容。尝试一下
    jQuery prepend() 在插入所选HTML元素的开始内容。尝试一下
    jQuery after()和before() 回调函数的使用。尝试一下
    jQuery remove() 删除选定的元素及其子元素。尝试一下
    jQuery empty() 删除所选元素的子元素。尝试一下
    jQuery addClass() 向所选元素添加一个或多个类。尝试一下
    jQuery removeClass() 从所选元素中删除一个或多个类。尝试一下
    jQuery toggleClass() 在从所选元素添加/删除类之间切换。尝试一下
    jQuery css() 为所选元素设置或返回一个或多个样式属性。尝试一下
    jQuery width()和height() 返回指定元素的宽度和高度（不包括填充，边框和边距）。尝试一下
    jQuery innerWidth()和innerHeight() 返回指定元素的宽度和高度（包括填充）。尝试一下
    jQuery outerWidth()和outerHeight() 返回指定元素的宽度和高度（包括填充和边框）。尝试一下

  • jQuery 遍历

    方法 描述
    jQuery parent() 返回所选元素的直接父元素。尝试一下
    jQuery parents() 返回所选元素的所有祖先元素，一直到文档的根元素（<html>）。尝试一下
    jQuery parentsUntil() 返回两个给定参数之间的所有祖先元素。尝试一下
    jQuery children() 返回所选元素的所有直接子元素。尝试一下
    jQuery find() 返回所选元素的后代元素，一直到最后一个后代。尝试一下
    jQuery siblings() 返回所选元素的所有兄弟元素。尝试一下
    jQuery next() 返回所选元素的下一个兄弟元素。尝试一下
    jQuery nextAll() 返回所选元素的所有下一个兄弟元素。尝试一下
    jQuery nextUntil() 返回两个给定参数之间的所有下一个兄弟元素。尝试一下
    jQuery first() 返回指定元素的第一个元素。尝试一下
    jQuery last() 返回指定元素的最后一个元素。尝试一下
    jQuery eq() 返回具有所选元素的特定索引号的元素。尝试一下
    jQuery filter() 选择中删除与条件不匹配的元素，并返回匹配的元素。尝试一下
    jQuery not() 返回与条件不匹配的所有元素。尝试一下
    jQuery noConflict() 释放$ short标识符的hold，以便其他脚本可以使用它。尝试一下

  • jQuery AJAX

    方法 描述
    jQuery load() 从服务器加载数据并将返回的数据放入选定的元素中。尝试一下
    jQuery $.get() 使用HTTP GET请求从服务器请求数据。尝试一下
    jQuery $.post() 使用HTTP POST请求从服务器请求数据。尝试一下