
基于Jquery在线手册的学习整理文档
theowl
我是猫头鹰
展开
-
jQuery 核心函数:jQuery(html,[ownerDocument])动态创建DOM元素
jQuery(html,[ownerDocument])//动态添加一些HTML字符根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二转载 2014-11-26 22:11:44 · 663 阅读 · 0 评论 -
选择器 属性
[attribute]概述匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即可。参数attribute属性名示例描述:查找所有含有 id 属性的 div 元素HTML 代码: Hello!jQuery转载 2014-12-07 21:29:19 · 415 阅读 · 0 评论 -
选择器 表单对象属性
:enabledV1.0概述匹配所有可用元素示例描述:查找所有可用的input元素HTML 代码: jQuery 代码:$("input:enabled")结果:[ ]$("button:eq(2)").click(function(){ var text2=$("inpu转载 2014-12-07 21:45:13 · 855 阅读 · 0 评论 -
文档处理 内部插入
append(content|fn)概述向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。参数content要追加到目标中的内容function(index, html)返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参转载 2014-12-07 21:58:13 · 580 阅读 · 0 评论 -
文档处理 包裹
wrap(html|ele|fn)概述把所有匹配的元素用其他元素的结构化标记包裹起来。这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包裹元素。当HTML标记代码中的元素包含文本时无法使用这个函转载 2014-12-07 22:05:49 · 513 阅读 · 0 评论 -
事件 事件委派
live(type, [data], fn)概述jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说 Click here转载 2014-12-14 17:30:43 · 1547 阅读 · 0 评论 -
文档处理 删除
empty()V1.0概述删除匹配的元素集合中所有的子节点。示例描述:把所有段落的子元素(包括文本节点)删除HTML 代码:Hello, Person and personjQuery 代码:$("p").empty();结果:remove([expr])概述转载 2014-12-09 21:58:45 · 443 阅读 · 0 评论 -
文档处理 复制
clone([Even[,deepEven]])概述克隆匹配的DOM元素并且选中这些克隆的副本。在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。参数Events一个布尔值(true 或者 false)指示事件处理函数是否会被复制。V1.5以上版本默认值是:falseEvents[,deepEvents]转载 2014-12-09 22:05:21 · 420 阅读 · 0 评论 -
事件 事件切换
hover([over,]out)概述一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会转载 2014-12-25 11:13:41 · 740 阅读 · 0 评论 -
筛选 串联
add(expr|ele|html|obj[,con])概述把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。jQuery 1.4 中, .add()方法返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加。参数expr一个用于匹配元素的选择器字符串。转载 2014-12-10 19:18:58 · 442 阅读 · 0 评论 -
筛选 过滤
eq(index|-index)概述获取第N个元素参数index一个整数,指示元素基于0的位置,这个元素的位置是从0算起。-index一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。(1算起)示例参数index描述:获取匹配的第二个元素HTML 代码: This转载 2014-12-10 17:16:56 · 438 阅读 · 0 评论 -
筛选 查找
children([expr])概述取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。可以通过可选的表达式来过滤所匹配的子元素。注意:parents()将查找所有祖辈元素,而children()只考虑子元素而不考虑所有后代元素。参数expr用以过滤子元素的表达式示例描述:查找DIV中转载 2014-12-10 18:49:23 · 476 阅读 · 0 评论 -
事件 页面载入
ready(fn)概述当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻转载 2014-12-14 17:12:30 · 588 阅读 · 0 评论 -
事件 事件处理
on(events,[selector],[data],fn)概述在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换,see .bind(), .delegate(), 和 .live().转载 2014-12-14 17:13:22 · 544 阅读 · 0 评论 -
选择器 可见性
:hiddenV1.0概述匹配所有不可见元素,或者type为hidden的元素示例描述:查找隐藏的 trHTML 代码: Value 1 Value 2jQuery 代码:$("tr:hidden")结果:[ Value 1 ]描述:匹配type为hidden的元素HTML转载 2014-12-07 21:26:40 · 477 阅读 · 0 评论 -
选择器 内容
:contains(text)概述匹配包含给定文本的元素参数text一个用以查找的字符串示例描述:查找所有包含 "John" 的 div 元素HTML 代码:John ResigGeorge MartinMalcom John SinclairJ. OhnjQuery 代码:转载 2014-12-07 21:23:22 · 460 阅读 · 0 评论 -
文档处理 替换
replaceWith(content|fn)概述将所有匹配的元素替换成指定的HTML或DOM元素。参数content用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话,函数返回值必须是HTML字符串。fn返回THML字符串,用来替换的内容。示例描述:把所有的段落标记替换成转载 2014-12-07 22:12:24 · 436 阅读 · 0 评论 -
jQuery 对象访问函数剩余
size()jQuery 对象中元素的个数。这个函数的返回值与 jQuery 对象的'length' 属性一致。示例描述:计算文档中所有图片数量HTML 代码: jQuery 代码:$("img").size();结果:2lengthjQuery 对象中元素的个数。当前匹配的元素个数转载 2014-11-27 21:46:27 · 517 阅读 · 0 评论 -
jQuery 核心函数:jQuery([selector,[context]])最基础的函数
$([selector,[cotext]])转载 2014-11-25 22:01:42 · 1396 阅读 · 0 评论 -
jQuery 对象访问:each(callback)
each(callback)概述以每一个匹配的元素作为上下文来执行一个函数。意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通转载 2014-11-27 12:13:12 · 649 阅读 · 0 评论 -
jQuery 核心函数:jQuery(callback)
jQuery(callback)$(document).ready()的简写。//页面DOM加载完成之后执行操作,和$(document).load()差不多只不过load()是更完全,包括了页面中了图片,视频等组建的加载。允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有需要在 DOM转载 2014-11-27 11:58:08 · 1340 阅读 · 0 评论 -
属性 css类 HTML代码/文本/值
属性attr(name|properties|key,value|fn)概述设置或返回被选元素的属性值。参数nameString属性名称properties作为属性的“名/值对”对象key,valueString,Object属性名称,属性值key,function(index, attr)String,Function1:属性名称。2:转载 2014-12-06 08:19:11 · 644 阅读 · 0 评论 -
CSS 位置 尺寸
CSScss(name|pro|[,val|fn])概述访问匹配元素的样式属性。参数name要访问的属性名称properties要设置为样式属性的名/值对name,value属性名,属性值name,function(index, value)1:属性名2:此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是转载 2014-12-06 08:37:31 · 488 阅读 · 0 评论 -
数据缓存 队列控制 插件机制 多库共存
数据缓存data([key],[value])概述在元素上存放数据,返回jQuery对象。如果jQuery集合指向多个元素,那将在所有元素上设置对应数据。 这个函数不用建立一个新的expando,就能在一个元素上存放任何格式的数据,而不仅仅是字符串。参数key存储的数据名.key,valuekey:存储的数据名value:将要存储的任意数据obj转载 2014-12-06 08:10:30 · 408 阅读 · 0 评论 -
选择器
基本#id概述根据给定的ID匹配一个元素。如果选择器中包含特殊字符,可以用两个斜杠转义。参数id用于搜索的,通过元素的 id 属性中给定的值示例描述:查找 ID 为"myDiv"的元素。HTML 代码:id="notMe"id="myDiv"jQuery 代码:转载 2014-12-07 21:03:16 · 356 阅读 · 0 评论 -
选择器 筛选
:firstV1.0概述获取第一个元素示例描述:获取匹配的第一个元素HTML 代码: list item 1 list item 2 list item 3 list item 4 list item 5jQuery 代码:$('li:first');结果:[转载 2014-12-07 21:17:15 · 475 阅读 · 0 评论 -
选择器 表单
:inputV1.0概述匹配所有 input, textarea, select 和 button 元素示例描述:查找所有的input元素,下面这些元素都会被匹配到。HTML 代码: Option转载 2014-12-07 21:39:24 · 342 阅读 · 0 评论 -
选择器 外部插入
after(content|fn)概述在每个匹配的元素之后插入内容。参数content插入到每个目标后的内容function函数必须返回一个html字符串。示例描述:在所有段落之后插入一些HTML标记代码。HTML 代码:I would like to say: jQ转载 2014-12-07 22:02:30 · 445 阅读 · 0 评论 -
选择器 子元素
:nth-child概述匹配其父元素下的第N个子或奇偶元素':eq(index)' 只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child从1开始的,而:eq()是从0算起的!可以使用:nth-child(even):nth-child(odd):nth-child(3n):nth-child(2):nth-child(3n+1):nth-child转载 2014-12-07 21:38:13 · 596 阅读 · 0 评论 -
选择器(
ancestor descendant概述在给定的祖先元素下匹配所有的后代元素参数ancestorSelectorV1.0任何有效选择器descendantSelectorV1.0用以匹配元素的选择器,并且它是第一个选择器的后代元素示例描述:找到表单中所有的 input 元素转载 2014-12-07 21:10:24 · 401 阅读 · 0 评论