搜索
您的当前位置:首页正文

《jQuery语法教程》word版

来源:二三娱乐
jQuery语法

$.action<>

jQuery 使用 $ 符号作为 jQuery 的简介方式。

var jq=jQuery.noConflict<>,帮助您使用自己的名称〔比如 jq〕来代替 $ 符号。

jQuery 选择器

选择器 实例 选取 * #id .class element .class.class :first :last :even :odd $<\"*\"> $<\"#lastname\"> $<\".intro\"> $<\"p\"> $<\".intro.demo\"> $<\"p:first\"> $<\"p:last\"> $<\"tr:even\"> $<\"tr:odd\"> 所有元素 id=\"lastname\" 的元素 所有 class=\"intro\" 的元素 所有

元素 所有 class=\"intro\" 且 class=\"demo\" 的元素 第一个

元素 最后一个

元素 所有偶数 元素 所有奇数 元素 :eq :gt :lt :not $<\"ul li:eq<3>\"> $<\"ul li:gt<3>\"> $<\"ul li:lt<3>\"> $<\"input:not<:empty>\"> 列表中的第四个元素〔index 从 0 开始〕 列出 index 大于 3 的元素 列出 index 小于 3 的元素 所有不为空的 input 元素 1 / 8

:header :animated :contains :empty $<\":header\"> $<\":contains<'W3School'>\"> $<\":empty\"> 所有标题元素

-

所有动画元素 包含指定字符串的所有元素 无子〔元素〕节点的所有元素 :hidden :visible s1,s2,s3 [attribute] [attribute=value] [attribute!=value] [attribute$=value] :input :text $<\"p:hidden\"> $<\"table:visible\"> $<\"th,td,.intro\"> $<\"[href]\"> $<\"[href='#']\"> $<\"[href!='#']\"> $<\"[href$='.jpg']\"> $<\":input\"> $<\":text\"> 所有隐藏的

元素 所有可见的表格 所有带有匹配选择的元素 所有带有 href 属性的元素 所有 href 属性的值等于 \"#\" 的元素 所有 href 属性的值不等于 \"#\" 的元素 所有 href 属性的值包含以 \".jpg\" 结尾的元素 所有 元素 所有 type=\"text\" 的 元素 :password :radio :checkbox :submit $<\":password\"> $<\":radio\"> $<\":checkbox\"> $<\":submit\"> 所有 type=\"password\" 的 元素 所有 type=\"radio\" 的 元素 所有 type=\"checkbox\" 的 元素 所有 type=\"submit\" 的 元素 2 / 8

:reset :button :image :file :enabled $<\":reset\"> $<\":button\"> $<\":image\"> $<\":file\"> $<\":enabled\"> 所有 type=\"reset\" 的 元素 所有 type=\"button\" 的 元素 所有 type=\"image\" 的 元素 所有 type=\"file\" 的 元素 所有激活的 input 元素 :disabled :selected :checked

$<\":disabled\"> $<\":selected\"> $<\":checked\"> 所有禁用的 input 元素 所有被选取的 input 元素 所有被选中的 input 元素 防止文档在完全加载〔就绪〕之前运行 jQuery 代码

$.ready{ } >; jQuery 事件

方法 描述 bind<> blur<> change<> 向匹配元素附加一个或更多事件处理器 触发、或将函数绑定到指定元素的 blur 事件 触发、或将函数绑定到指定元素的 change 事件 click<> dblclick<> delegate<> die<> 触发、或将函数绑定到指定元素的 click 事件 触发、或将函数绑定到指定元素的 double click 事件 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 移除所有通过 live<> 函数添加的事件处理程序。 3 / 8

error<> event.isDefaultPrevented<> event.pageX event.pageY event.preventDefault<> event.result 触发、或将函数绑定到指定元素的 error 事件 返回 event 对象上是否调用了 event.preventDefault<>。 相对于文档左边缘的鼠标位置。 相对于文档上边缘的鼠标位置。 阻止事件的默认动作。 包含由被指定事件触发的事件处理器返回的最后一个值。 event.target event.timeStamp event.type event.which focus<> keydown<> keypress<> keyup<> live<> load<> mousedown<> mouseenter<> 触发事件的 DOM 元素。 该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。 描述事件的类型。 指示按了哪个键或按钮。 触发、或将函数绑定到指定元素的 focus 事件 触发、或将函数绑定到指定元素的 key down 事件 触发、或将函数绑定到指定元素的 key press 事件 触发、或将函数绑定到指定元素的 key up 事件 触发、或将函数绑定到指定元素的 load 事件 触发、或将函数绑定到指定元素的 load 事件 触发、或将函数绑定到指定元素的 mouse down 事件 触发、或将函数绑定到指定元素的 mouse enter 事件 mouseleave<> mousemove<> mouseout<> mouseover<> 触发、或将函数绑定到指定元素的 mouse leave 事件 触发、或将函数绑定到指定元素的 mouse move 事件 触发、或将函数绑定到指定元素的 mouse out 事件 触发、或将函数绑定到指定元素的 mouse over 事件 4 / 8

mouseup<> one<> ready<> resize<> scroll<> select<> 触发、或将函数绑定到指定元素的 mouse up 事件 向匹配元素添加事件处理器。每个元素只能触发一次该处理器。 文档就绪事件〔当 HTML 文档就绪可用时〕 触发、或将函数绑定到指定元素的 resize 事件 触发、或将函数绑定到指定元素的 scroll 事件 触发、或将函数绑定到指定元素的 select 事件 submit<> toggle<> trigger<> triggerHandler<> unbind<> undelegate<> unload<> 触发、或将函数绑定到指定元素的 submit 事件 绑定两个或多个事件处理器函数,当发生轮流的 click 事件时执行。 所有匹配元素的指定事件 第一个被匹配元素的指定事件 从匹配元素移除一个被添加的事件处理器 从匹配元素移除一个被添加的事件处理器,现在或将来 触发、或将函数绑定到指定元素的 unload 事件 jQuery 效果

jQuery 隐藏和显示

hide<> 和 show<> 两个函数,jQuery 支持对 HTML 元素的隐藏和显示

$.hide $.show speed 参数规定显示或隐藏的速度。可以设置这些值:\"slow\或毫秒

5 / 8

jQuery 切换

jQuery toggle<> 函数使用 show<> 或 hide<> 函数来切换 HTML 元素的可见状态。隐藏显示的元素,显示隐藏的元素。

$.toggle jQuery 滑动函数

slideDown, slideUp, slideToggle

$.slideDown $.slideUp $.slideToggle jQuery Fade 函数

fadeIn<> 淡化到给定的不透明程度fadeIn<\"slow\ fadeOut<>淡化到消失

fadeTo<>淡入效果适用于通过 jQuery 隐藏的元素

$.fadeIn $.fadeOut $.fadeTo jQuery 自定义动画

$.animate<{params},[duration],[easing],[callback]> 关键的参数是 params。它定义产生动画的 CSS 属性。可以同时设置多个此类属性:

animate<{width:\"70%\6 / 8

第二个参数是 duration。它定义用来应用到动画的时间。它设置的值是:\"slow\或毫秒

jQuery HTML 操作

改变 HTML 内容

语法

$.html html<> 函数改变所匹配的 HTML 元素的内容〔innerHTML〕。

添加 HTML 内容

append<> 函数向所匹配的 HTML 元素内部追加内容。

prepend<> 函数向所匹配的 HTML 元素内部预置〔Prepend〕内容。 after<> 函数在所有匹配的元素之后插入 HTML 内容。

before<> 函数在所有匹配的元素之前插入 HTML 内容。

$.prepend jQuery CSS 函数

$.css 函数 css 为所有匹配元素的给定 CSS 属性设置值 $.css<{properties}>函数 css<{properties}> 同时为所有匹配元素的一系列 CSS 属性设置值:

$.css 函数 css 返回指定的 CSS 属性的值: $.css<{properties}> $<\"p\">.css<{\"background-color\":\"red\jQuery Size 操作

• $.height 设置匹配元素的高度

7 / 8

• $.width 设置匹配元素的宽度

jQuery AJAX 请求

请求 描述 $.load $.ajax 把远程数据加载到被选的元素中 把远程数据加载到 XMLHttpRequest 对象中 $.get $.post $.getJSON $.getScript 使用 HTTP GET 来加载远程数据 使用 HTTP POST 来加载远程数据 使用 HTTP GET 来加载远程 JSON 数据 加载并执行远程的 JavaScript 文件 • 被加载的数据的 URL〔地址〕 • 发送到服务器的数据的键/值对象 • 当数据被加载时,所执行的函数

被返回的数据的类型 完整 AJAX 请求的所有键/值对选项

8 / 8

因篇幅问题不能全部显示,请点此查看更多更全内容

Top