首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

jQuery:筛选->查找->prevAll([expr])

prevAll([expr])     返回值:jQuery 概述 查找当前元素之前所有的同辈元素 可以用表达式过滤。 参数 expr (可选)String 用于过滤的表达式 示例 描述: 给最后一个之前的所有div加上一个类 HTML 代码: <div></div><div></div><div></div><div></div> jQuery 代码: $("div:last").prevAll().addClass("before"); 结果: [ <div class="before"></div>, <div class="before"></div>, <div class="before"></div> ] ...
类别:网页编程 - JavaScript    查看:111    更新:2014-05-28

jQuery:筛选->查找->prev([expr])

prev([expr])     返回值:jQuery 概述 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。 可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到,而不是前面所有的同辈元素。 参数 expr (可选)String 用于筛选前一个同辈元素的表达式 示例 描述: 找到每个段落紧邻的前一个同辈元素。 HTML 代码: <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p> jQuery 代码: $("p").prev() 结果: [ <div><span>Hello Again</span></div> ] 描述...
类别:网页编程 - JavaScript    查看:92    更新:2014-05-28

jQuery:筛选->查找->parents([expr])

parents([expr])     返回值:jQuery 概述 取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。   参数 expr (可选)String 用于筛选祖先元素的表达式 示例 描述: 找到每个span元素的所有祖先元素。 HTML 代码: <html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html> jQuery 代码: $("span").parents() 描述: 找到每个span的所有是p元素的祖先元素。 jQuery 代码: $("span").pare...
类别:网页编程 - JavaScript    查看:117    更新:2014-05-28

jQuery:筛选->查找->parent([expr])

parent([expr])     返回值:jQuery 概述 取得一个包含着所有匹配元素的唯一父元素的元素集合。 你可以使用可选的表达式来筛选。 参数 expr (可选)String (可选)用来筛选的表达式 示例 描述: 查找每个段落的父元素 HTML 代码: <div><p>Hello</p><p>Hello</p></div> jQuery 代码: $("p").parent() 结果: [ <div><p>Hello</p><p>Hello</p></div>] 描述: 查找段落的父元素中每个类名为selected的父元素。 HTML 代码: <div><p>Hello</p></div><div clas...
类别:网页编程 - JavaScript    查看:116    更新:2014-05-28

jQuery:筛选->查找->nextAll([expr])

nextAll([expr])     返回值:jQuery 概述 查找当前元素之后所有的同辈元素。 可以用表达式过滤 参数 expr (可选)String (可选)用来过滤的表达式 示例 描述: 给第一个div之后的所有元素加个类 HTML 代码: <div></div><div></div><div></div><div></div> jQuery 代码: $("div:first").nextAll().addClass("after"); 结果: [ <div class="after"></div>, <div class="after"></div>, <div class="after"></div> ] ...
类别:网页编程 - JavaScript    查看:115    更新:2014-05-28

jQuery:筛选->查找->next([expr])

next([expr])     返回值:jQuery 概述 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。 这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素(可以使用nextAll)。可以用一个可选的表达式进行筛选。 参数 expr (可选)String 用于筛选的表达式 示例 描述: 找到每个段落的后面紧邻的同辈元素。 HTML 代码: <p>Hello</p><p>Hello Again</p><div><span>And Again</span></div> jQuery 代码: $("p").next() 结果: [ <p>Hello Again</p>, <div><span>...
类别:网页编程 - JavaScript    查看:97    更新:2014-05-28

jQuery:筛选->查找->find(expr)

find(expr)     返回值:jQuery 概述 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。 所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。 参数 exprString 用于查找的表达式 示例 描述: 从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。 HTML 代码: <p><span>Hello</span>, how are you?</p> jQuery 代码: $("p").find("span") 结果: [ <span>Hello</span> ] ...
类别:网页编程 - JavaScript    查看:100    更新:2014-05-28

jQuery:筛选->查找->closest([expr])

closest([expr])     返回值:jQuery 概述 jQuery 1.3新增。从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素。 closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。 closest对于处理事件委派非常有用。 参数 expr (可选)String 用以过滤元素的表达式 示例 描述: 展示如何使用clostest来完成事件委派。 HTML 代码: <ul> <li><b>Click me!</b></li> <li>You can also <b>Click me...
类别:网页编程 - JavaScript    查看:121    更新:2014-05-28

jQuery:筛选->查找->children([expr])

children([expr])     返回值:jQuery 概述 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。 可以通过可选的表达式来过滤所匹配的子元素。注意:parents()将查找所有祖辈元素,而children()只考虑子元素而不考虑所有后代元素。 参数 expr (可选)String 用以过滤子元素的表达式 示例 描述: 查找DIV中的每个子元素。 HTML 代码: <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p> jQuery 代码: $("div").children() 结果: [ <span>Hello Again</span> ] 描述:...
类别:网页编程 - JavaScript    查看:104    更新:2014-05-28

jQuery:筛选->查找->add(expr)

add(expr)     返回值:jQuery 概述 把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。   参数 exprString, DOMElement, Array<DOMElement> 用于匹配元素并添加的表达式字符串,或者用于动态生成的HTML代码,如果是一个字符串数组则返回多个元素 示例 描述: 添加一个新元素到一组匹配的元素中,并且这个新元素能匹配给定的表达式。 HTML 代码: <p>Hello</p><span>Hello Again</span> jQuery 代码: $("p").add("span") 结果: [ <p>Hello</p&g...
类别:网页编程 - JavaScript    查看:108    更新:2014-05-28

jQuery:筛选->过滤->not(expr)

not(expr)     返回值:jQuery 概述 删除与指定表达式匹配的元素   参数 exprString, DOMElement, Array<DOMElement> 一个表达式、一个元素或者一组元素 示例 描述: 从p元素中删除带有 select 的ID的元素 HTML 代码: <p>Hello</p><p id="selected">Hello Again</p> jQuery 代码: $("p").not( $("#selected")[0] ) 结果: [ <p>Hello</p> ] ...
类别:网页编程 - JavaScript    查看:83    更新:2014-05-28

jQuery:筛选->过滤->is(expr)

is(expr)     返回值:Boolean 概述 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。 如果没有元素符合,或者表达式无效,都返回'false'。 注意:在jQuery 1.3中才对所有表达式提供了支持。在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > ),始终会返回true 参数 exprString 用于筛选的表达式 示例 描述: 由于input元素的父元素是一个表单元素,所以返回true。 HTML 代码: <form><input type="checkbox" /></form> jQuery 代码: $("input[type='checkbox']"...
类别:网页编程 - JavaScript    查看:92    更新:2014-05-28

jQuery:筛选->过滤->filter(expr)

filter(expr)     返回值:jQuery 概述 筛选出与指定表达式匹配的元素集合。 这个方法用于缩小匹配的范围。用逗号分隔多个表达式 参数 exprExpression 表达式 示例 描述: 保留带有select类的元素 HTML 代码: <p>Hello</p><p>Hello Again</p><p class="selected">And Again</p> jQuery 代码: $("p").filter(".selected") 结果: [ <p class="selected">And Again</p> ] 描述: 保留第一个以及带有select类的元素 HTML 代码: <p>Hello</p><p>Hello Ag...
类别:网页编程 - JavaScript    查看:101    更新:2014-05-28

jQuery:属性->属性->attr(properties)

attr(properties)     返回值:jQuery 概述 将一个“名/值”形式的对象设置为所有匹配元素的属性。 这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意,如果你要设置对象的class属性,你必须使用'className' 作为属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ). 参数 propertiesMap 作为属性的“名/值对”对象 示例 描述: 为所有图像设置src和alt属性。 HTML 代码: <img/> jQuery 代码: $("img").attr({ src: "test.jpg", alt: "Test Image" }); 结果: [ <img src= "t...
类别:网页编程 - JavaScript    查看:105    更新:2014-05-27

jQuery选择器->层级->parent > prev ~ siblings

prev ~ siblings    返回值:Array<Element(s)> 概述 匹配 prev 元素之后的所有 siblings 元素   参数 prevSelector 任何有效选择器 siblingsSelector 一个选择器,并且它作为第一个选择器的同辈 示例 描述: 找到所有与表单同辈的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码:...
类别:网页编程 - JavaScript    查看:123    更新:2014-05-26

jQuery选择器->层级->parent > prev + next

prev + next    返回值:Array<Element(s)> 概述 匹配所有紧接在 prev 元素后的 next 元素   参数 prevSelector 任何有效选择器 nextSelector 一个有效选择器并且紧接着第一个选择器 示例 描述: 匹配所有跟在 label 后面的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $(&qu...
类别:网页编程 - JavaScript    查看:113    更新:2014-05-26