小白教程
所有教程
关于
Search
172.69.58.173
172.69.58.173
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JQuery 实例”的源代码
本页内容
上一节:
JQuery_JSONP
下一节:
JQuery_选择器
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:jQuery 实例}}[[Category:jQuery 教程|31]] = jQuery 实例 = 你想增进 jQuery 技能吗? == jQuery 选择器 == [[try.php?filename=tryjquery_hide_this|$(this).hide()]] 演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素。 [[try.php?filename=tryjquery_hide_p|$("p").hide()]] 演示 jQuery 的 hide() 函数,隐藏所有 <p> 元素。 [[try.php?filename=tryjquery_hide_class|$(".test").hide()]] 演示 jQuery 的 hide() 函数,隐藏所有 class="test" 的元素。 [[try.php?filename=tryjquery_hide_id|$("#test").hide()]] 演示 jQuery 的 hide() 函数,隐藏 id="test" 的元素。 == jQuery 事件 == [[try.php?filename=tryjquery_click|jQuery click()]] 演示 jQuery jQuery click() 事件. [[try.php?filename=tryjquery_dblclick|jQuery dblclick()]] 演示 jQuery dblclick() 事件。 [[try.php?filename=tryjquery_mouseenter|jQuery mouseenter()]] 演示 jQuery mouseenter() 事件。 [[try.php?filename=tryjquery_mouseleave|jQuery mouseleave()]] 演示 jQuery mouseleave() 事件。 [[try.php?filename=tryjquery_mousedown|jQuery mousedown()]] 演示 jQuery mousedown() 事件。 [[try.php?filename=tryjquery_mouseup|jQuery mouseup()]] 演示 jQuery mouseup() 事件。 [[try.php?filename=tryjquery_hover|jQuery hover()]] 演示 jQuery hover() 事件。 [[try.php?filename=tryjquery_focus_blur|jQuery focus() 和 blur()]] 演示 jQuery focus() 和 blur() 事件。 '''[[jquery events|实例解析]]''' == jQuery 隐藏/显示 == [[try.php?filename=tryjquery_hide|jQuery hide()]] 演示 jQuery hide() 方法。 [[try.php?filename=tryjquery_hide_show|jQuery hide() 和 show()]] 演示jQuery hide() 和 show() 方法。 [[try.php?filename=tryjquery_toggle|jQuery toggle()]] jQuery toggle() 用于切换 hide() 和 show() 方法。 [[try.php?filename=tryjquery_hide_explanations|jQuery hide()]] 另外一个隐藏文本的实例。 '''[[jquery hide show|实例解析]]''' == jQuery 淡入淡出 == [[try.php?filename=tryjquery_fadein|jQuery fadeIn()]] 演示 jQuery fadeIn() 方法。 [[try.php?filename=tryjquery_fadeout|jQuery fadeOut()]] 演示 jQuery fadeOut() 方法。 [[try.php?filename=tryjquery_fadetoggle|jQuery fadeToggle()]] 演示 jQuery fadeToggle() 方法。 [[try.php?filename=tryjquery_fadeto|jQuery fadeTo()]] 演示 jQuery fadeTo() 方法。 '''[[jquery fade|实例解析]]''' == jQuery 滑动 == [[try.php?filename=tryjquery_slide_down|jQuery slideDown()]] 演示 jQuery slideDown() 方法。 [[try.php?filename=tryjquery_slide_up|jQuery slideUp()]] 演示 jQuery slideUp() 方法。 [[try.php?filename=tryjquery_slide_toggle|jQuery slideToggle()]] 演示 jQuery slideToggle() 方法。 '''[[jquery slide|实例解析]]''' == jQuery 动画 == [[try.php?filename=tryjquery_animation1|jQuery animate()]] 演示简单的 jQuery animate() 方法。 [[try.php?filename=tryjquery_animation1_multicss|jQuery animate() - 设置多个css属性]] 演示通过 jQuery animate() 方法 改变样式。 [[try.php?filename=tryjquery_animation1_relative|jQuery animate() - 使用相关值]] 演示如何在 jQuery animate() 方法中使用相关值。 [[try.php?filename=tryjquery_animation1_toggle|jQuery animate() - 使用预定义值]] 演示通过 animate() 方法预定义 "hide", "show", "toggle" 值。 [[try.php?filename=tryjquery_animation|jQuery animate()]] 演示更多 jQuery animate() 方法实例 [[try.php?filename=tryjquery_animation2|jQuery animate()]] 演示更多 jQuery animate() 方法实例 (多个 animate() 回调). '''[[jquery animate|实例 解析]]''' == jQuery 停止动画 == [[try.php?filename=tryjquery_stop_slide|jQuery stop() 滑动]] 演示 jQuery stop() 方法。 [[try.php?filename=tryjquery_stop_params|jQuery stop() 动画 (带参数)]] 演示 jQuery stop() 方法。 '''[[jquery stop|实例解析]]''' == jQuery HTML 获取 和 属性 == [[try.php?filename=tryjquery_dom_html_get|jQuery text() 和 html() - 获取文本和内容]] 使用jQuery text() 和 html() 方法获取内容。 [[try.php?filename=tryjquery_dom_val_get|jQuery val() - 获取值]] 使用jQuery val() 方法获取表单的字段值。 [[try.php?filename=tryjquery_dom_attr_get|jQuery attr() - 获取属性值]] 使用jQuery attr() 方法获取属性值。 '''[[jquery dom get|实例解析]]''' == jQuery HTML 设置内容和属性 == [[try.php?filename=tryjquery_dom_html_set|jQuery text(), html(), 和 val() - 设置内容]] 使用 jQuery text(), html() 和 val() 方法设置内容 。 [[try.php?filename=tryjquery_dom_html_callback|jQuery text() 和 html() - 设置内容并使用回调函数]] 使用 text() 和 html() 设置内容并使用回调函数 [[try.php?filename=tryjquery_dom_attr_set|jQuery attr() - 设置属性值]] 使用 jQuery attr() 方法设置属性值 。 [[try.php?filename=tryjquery_dom_attr_set2|jQuery attr() - 设置 多个属性值]] 使用jQuery attr() 方法设置多个属性值。 [[try.php?filename=tryjquery_dom_attr_callback|jQuery attr() - 设置属性值并使用回调函数]] 设置属性值 + 并使用回调函数调用attr(). '''[[jquery dom set|实例解析]]''' == jQuery HTML 添加元素/内容 == [[try.php?filename=tryjquery_html_append|jQuery append()]] 在选取元素的末尾添加内容 [[try.php?filename=tryjquery_html_prepend|jQuery prepend()]] 在选取元素的开头添加内容 [[try.php?filename=tryjquery_html_append2|jQuery append() -插入多个元素]] 创新新的 text/HTML 元素, jQuery 和 JavaScript/DOM。添加在新元素文本后。 [[try.php?filename=tryjquery_html_after|jQuery after() 和 before()]] 在选取元素的前后添加 HTML 元素。 [[try.php?filename=tryjquery_html_after2|jQuery after() - 插入多个元素]] 创新新的 text/HTML 元素,jQuery和 JavaScript/DOM。在选取元素的末尾插入新元素。 '''[[jquery dom add|实例解析]]''' == jQuery HTML 移除元素/内容 == [[try.php?filename=tryjquery_dom_remove|jQuery remove()]] 移除选取的元素 [[try.php?filename=tryjquery_dom_empty|jQuery empty()]] 移除选取元素的所有子元素 [[try.php?filename=tryjquery_dom_remove2|jQuery remove() - 使用参数]] 过滤元素并移除 '''[[jquery dom remove|实例解析]]''' == jQuery Get 和 设置 CSS 类 == [[try.php?filename=tryjquery_dom_addclass|jQuery addClass()]] 不同元素添加 class 属性 [[try.php?filename=tryjquery_dom_addclass2|jQuery addClass() - 多个类]] 使用 addClass() 方法添加多个类 [[try.php?filename=tryjquery_dom_removeclass|jQuery removeClass()]] 移除指定元素的类 [[try.php?filename=tryjquery_dom_toggleclass|jQuery toggleClass()]] 在选取的元素切换(添加/删除)类 '''[[jquery css classes|实例解析]]''' == jQuery css() 方法 == [[try.php?filename=tryjquery_css_getcolor|jQuery css() - 返回 CSS 属性]] 返回第一个匹配元素的css属性值 [[try.php?filename=tryjquery_css_setcolor|jQuery css() - 设置 CSS 属性]] 设置 所有配置元素指定的 CSS 属性 [[try.php?filename=tryjquery_css_set_multiple|jQuery css() - 设置 CSS 属性]] 设置多个匹配元素的 CSS 属性 '''[[jquery css|实例解析]]''' == jQuery 尺寸 == [[try.php?filename=tryjquery_dim_width_height|jQuery - 返回 width() 和 height()]] 返回指定元素的 width 和 height [[try.php?filename=tryjquery_dim_innerwidth_height|jQuery - 返回 innerWidth() 和 innerHeight()]] 返回指定元素的 inner-width/height [[try.php?filename=tryjquery_dim_outerwidth_height|jQuery - 返回 outerWidth() 和 outerHeight()]] 返回指定元素的 outer-width/height [[try.php?filename=tryjquery_dim_outerwidth_height2|jQuery - 返回 outerWidth(true) 和 outerHeight(true)]] 返回指定元素的 outer-width/height (包含外边框) [[try.php?filename=tryjquery_dim_width_height2|jQuery - 返回 width() 和 height() of document 和 window]] 返回 HTML 文档和窗口的 width 和 height [[try.php?filename=tryjquery_dim_width_height_set|jQuery - 设置 width() 和 height()]] 设置指定元素的 width 和 height '''[[jquery dimensions|实例解析]]''' == jQuery 遍历 - 祖先 == [[try.php?filename=tryjquery_parent|jQuery parent()]] 演示 jQuery parent() 方法。 [[try.php?filename=tryjquery_parents|jQuery parents()]] 演示 jQuery parents() 方法。 [[try.php?filename=tryjquery_parentsuntil|jQuery parentsUntil()]] 演示 jQuery parentsUntil() 方法。 '''[[jquery traversing ancestors|实例解析]]''' == jQuery 遍历 - 后代 == [[try.php?filename=tryjquery_children|jQuery children()]] 演示 jQuery children() 方法。 [[try.php?filename=tryjquery_find|jQuery find()]] 演示 jQuery find() 方法。 '''[[jquery traversing descendants|实例解析]]''' == jQuery 遍历 - 同胞(siblings) == [[try.php?filename=tryjquery_siblings|jQuery siblings()]] 演示 jQuery siblings() 方法。 [[try.php?filename=tryjquery_next|jQuery next()]] 演示 jQuery next() 方法。 [[try.php?filename=tryjquery_nextall|jQuery nextAll()]] 演示 jQuery nextAll() 方法。 [[try.php?filename=tryjquery_nextuntil|jQuery nextUntil()]] 演示 jQuery nextUntil() 方法。 '''[[jquery traversing siblings|实例解析]]''' == jQuery AJAX load() 方法 == [[try.php?filename=tryjquery_ajax_load|jQuery load()]] 异步载入文件内容并插入到 <div> 元素中。 [[try.php?filename=tryjquery_ajax_load2|jQuery load()]] 异步载入文件内容中指定的元素内容并插入到 <div> 元素. [[try.php?filename=tryjquery_ajax_load_callback|jQuery load() - 使用回调函数(callback)]] 使用 jQuery load() 方法的回调函数。 '''[[jquery ajax load|实例解析]]''' == jQuery AJAX get() 和 post() 方法 == [[try.php?filename=tryjquery_ajax_get|jQuery get()]] 使用 $.get() 方法从服务端异步获取数据 [[try.php?filename=tryjquery_ajax_post|jQuery post()]] 使用 $.post() 方法从服务端异步获取数据 '''[[jquery ajax get post|实例解析]]''' == 其他实例 == [https://c.xiaobai.wang/codedemo/4506 jQuery 动态粒子效果]
返回至“
JQuery 实例
”。
上一节:
JQuery_JSONP
下一节:
JQuery_选择器