jQuery简单实例jQuery 选择器
演⽰ jQuery 的 hide() 函数,隐藏当前的 HTML 元素。
演⽰ jQuery 的 hide() 函数,隐藏所有 <p> 元素。
演⽰ jQuery 的 hide() 函数,隐藏所有 class="test" 的元素。
演⽰ jQuery 的 hide() 函数,隐藏 id="test" 的元素。
jQuery 事件
演⽰ jQuery jQuery click() 事件.
演⽰ jQuery dblclick() 事件。
演⽰ jQuery mouseenter() 事件。
演⽰ jQuery mouseleave() 事件。
演⽰ jQuery mousedown() 事件。
演⽰ jQuery mouseup() 事件。
演⽰ jQuery hover() 事件。
演⽰ jQuery focus() 和 blur() 事件。
jQuery 隐藏/显⽰
演⽰ jQuery hide() ⽅法。
演⽰jQuery hide() 和 show() ⽅法。
jQuery toggle() ⽤于切换 hide() 和 show() ⽅法。
另外⼀个隐藏⽂本的实例。
jQuery 淡⼊淡出
ajax实例里面的函数演⽰ jQuery fadeIn() ⽅法。
演⽰ jQuery fadeOut() ⽅法。
演⽰ jQuery fadeToggle() ⽅法。
演⽰ jQuery fadeTo() ⽅法。
jQuery 滑动
演⽰ jQuery slideDown() ⽅法。
演⽰ jQuery slideUp() ⽅法。
演⽰ jQuery slideToggle() ⽅法。
jQuery 动画
演⽰简单的 jQuery animate() ⽅法。
演⽰通过 jQuery animate() ⽅法改变样式。
演⽰如何在 jQuery animate() ⽅法中使⽤相关值。
演⽰通过 animate() ⽅法预定义 "hide", "show", "toggle" 值。演⽰更多 jQuery animate() ⽅法实例
演⽰更多 jQuery animate() ⽅法实例 (多个 animate() 回调). jQuery 停⽌动画
演⽰ jQuery stop() ⽅法。
演⽰ jQuery stop() ⽅法。
jQuery HTML 获取和属性
使⽤jQuery text() 和 html() ⽅法获取内容。
使⽤jQuery val() ⽅法获取表单的字段值。
使⽤jQuery attr() ⽅法获取属性值。
jQuery HTML 设置内容和属性
使⽤ jQuery text(), html() 和 val() ⽅法设置内容。
使⽤ text() 和 html() 设置内容并使⽤回调函数
使⽤ jQuery attr() ⽅法设置属性值。
使⽤jQuery attr() ⽅法设置多个属性值。
设置属性值 + 并使⽤回调函数调⽤attr().
jQuery HTML 添加元素/内容
在选取元素的末尾添加内容
在选取元素的开头添加内容
创新新的 text/HTML 元素, jQuery 和 JavaScript/DOM。添加在新元素⽂本后。
在选取元素的前后添加 HTML 元素。
创新新的 text/HTML 元素,jQuery和 JavaScript/DOM。在选取元素的末尾插⼊新元素。jQuery HTML 移除元素/内容
移除选取的元素
移除选取元素的所有⼦元素
过滤元素并移除
jQuery Get 和设置 CSS 类
不同元素添加 class 属性
使⽤ addClass() ⽅法添加多个类
移除指定元素的类
在选取的元素切换(添加/删除)类
jQuery css() ⽅法
返回第⼀个匹配元素的css属性值
设置所有配置元素指定的 CSS 属性
设置多个匹配元素的 CSS 属性
jQuery 尺⼨
返回指定元素的 width 和 height
返回指定元素的 inner-width/height
返回指定元素的 outer-width/height
返回指定元素的 outer-width/height (包含外边框)
返回 HTML ⽂档和窗⼝的 width 和 height
设置指定元素的 width 和 height
jQuery 遍历 - 祖先
演⽰ jQuery parent() ⽅法。
演⽰ jQuery parents() ⽅法。
演⽰ jQuery parentsUntil() ⽅法。
jQuery 遍历 - 后代
演⽰ jQuery children() ⽅法。
演⽰ jQuery find() ⽅法。
jQuery 遍历 - 同胞(siblings)
演⽰ jQuery siblings() ⽅法。
演⽰ jQuery next() ⽅法。
演⽰ jQuery nextAll() ⽅法。
演⽰ jQuery nextUntil() ⽅法。
jQuery AJAX load() ⽅法
异步载⼊⽂件内容并插⼊到 <div> 元素中。
异步载⼊⽂件内容中指定的元素内容并插⼊到 <div> 元素.使⽤ jQuery load() ⽅法的回调函数。
jQuery AJAX get() 和 post() ⽅法
使⽤ $.get() ⽅法从服务端异步获取数据
使⽤ $.post() ⽅法从服务端异步获取数据

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。