jQuery:has()和jQuery:contains()两个方法比较类似。不同点在于：has是判断标签的contains是判断文本的1、jQuery:has()<div><p>Hello</p></div> <div>Hello again!</div> $("div:has(p)").addClass("test"); //含有p标签的div标签增加test样式注：has中的括号里可以含引号也可以省略。2、jQuery:contains()<div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair</div> <div>J. Ohn</div> $("div:contains(Joh...
概述匹配所有不包含子元素或者文本的空元素示例描述:查找所有不包含子元素或者文本的空元素HTML 代码:<table> <tr><td>Value 1</td><td></td></tr> <tr><td>Value 2</td><td></td></tr> </table>jQuery 代码:$("td:empty")结果:[ <td></td>, <td></td> ]此选择器匹配所有不包含子元素或者文本的空元素。注意:空格也属于选择器包含的元素。语法结构:$(":empty")此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等...
概述匹配含有选择器所匹配的元素的元素参数selectorSelectorV1.1.4一个用于筛选的选择器示例描述:给所有包含 p 元素的 div 元素添加一个 text 类HTML 代码:<div><p>Hello</p></div> <div>Hello again!</div>jQuery 代码:$("div:has(p)").addClass("test");结果:[ <div class="test"><p>Hello</p></div> ]关于此选择器的定义可能有点拗口，通俗的讲就是如果一个元素含有selector(选择器)所匹配的元素，那么此元素将被匹配。例如:$("...
jquery的：hidden选择器为什么会选中<select>标签<html> <head> <title>forth.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../jquery.min.js"> </script> </head> <body> <form action="#" id="form1"><select><option>Option</option></select><input type="hidden"/><div style="display:none">test</div></form></body> <script type="text/java...
:parent选择器的定义和用法:此选择器匹配含有子元素或者文本的元素。注意:空格也算是含有的元素。语法结构:$(":parent")此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:$("div:parent").animate({width:"300px"})以上代码能够将含有文本或者元素的div的宽度设置为300px。如果不和其他选择器配合使用，则默认状态是和*选择器配合使用，例如$(":parent")等同于$("*:parent")。实例代码:实例一:<!DOCTYPE...
概述匹配所有的可见元素示例描述:查找所有可见的 tr 元素HTML 代码:<table> <tr style="display:none"> <td>Value 1</td> </tr> <tr> <td>Value 2</td> </tr> </table>jQuery 代码:$("tr:visible")结果:[ <tr><td>Value 2</td></tr> ]此选择器能够匹配所有当前可见的元素。语法结构:$(":visible")此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:$("div:visible").css({color:"blue"})以上代码能够将...
概述匹配所有不可见元素，或者type为hidden的元素示例描述:查找隐藏的 trHTML 代码:<table> <tr style="display:none"><td>Value 1</td></tr> <tr><td>Value 2</td></tr> </table>jQuery 代码:$("tr:hidden")结果:[ <tr style="display:none"><td>Value 1</td></tr> ]描述:匹配type为hidden的元素HTML 代码:<form> <input type="text" name="email" /> <input type="hidden" name="id" /> </form>jQuery 代码:$("input:hidden")结果...
关于选择器:hidden的说明，在jquery说明文档中是这样说的：匹配所有不可见元素，或者type为hidden的元素。而[type=hidden]是查找所有type属性等于hidden的元素。两者是有相同之处和不同之处的。:hidden匹配所有不可见元素，或者type为hidden的元素，所有样式display等于none的元素和子元素以及type="hidden"的表单元素都在查找的结果中，而[type=hidden]则只查找type属性为hidden的元素。所以，input:hidden是查找不可见容器中的in...
概述匹配包含给定属性的元素。注意，在jQuery 1.3中，前导的@符号已经被废除！如果想要兼容最新版本，只需要简单去掉@符号即可。参数attributeStringV1.0属性名示例描述:查找所有含有 id 属性的 div 元素HTML 代码:<div> <p>Hello!</p> </div> <div id="test2"></div>jQuery 代码:$("div[id]")结果:[ <div id="test2"></div> ]此选择器能够匹配带有给定属性的元素。语法结构:$("[attribute]")参数列表:参数 描述...
概述匹配给定的属性是某个特定值的元素参数attributeStringV1.0属性名value StringV1.0属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。示例描述:查找所有 name 属性是 newsletter 的 input 元素HTML 代码:<input type="checkbox" name="newsletter" value="Hot Fuzz" /> <input type="checkbox" name="newsletter" value="Cold Fusion" /> <input type="checkbox" name="accept" value="Evil ...
jQuery的:even选择器用于匹配所有索引值为偶数的元素，将其封装为jQuery对象并返回。与该选择器相对的是:odd选择器，用于匹配所有索引值为奇数的元素。注意：由于索引值是从0开始计数的，因此索引为偶数的元素实际上是自然顺序为奇数的元素。概述匹配所有索引值为偶数的元素，从 0 开始计数示例描述:查找表格的1、3、5...行（即索引值0、2、4...）HTML 代码:<table> <tr> <td>Header 1</td> </tr> <tr> <td>Value 1</td> </tr> ...
jQuery的:odd选择器用于匹配所有索引值为奇数的元素，将其封装为jQuery对象并返回。与该选择器相对的是:even选择器，用于匹配所有索引值为偶数的元素。注意：由于索引值是从0开始计数的，因此奇数索引上的元素实际上是自然顺序上为偶数的元素。此选择器匹配索引值为奇数的元素，从0开始计数。语法结构:$(":odd")此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。例如:$("li:odd)").css("color","green")以上代...
:even 页面范围内偶数的匹配元素那么:nth-child(even) 的意思就是从第1开始的偶数元素，:even的意思是指从第0开始的偶数元素在实际中一个常见的例子就是，当给表格的偶数行设置变色时，可以跳过表头行，而从第1行开始设置让我们看一个实际的例子，把表格的偶数行的背景色设置为红色，看一下两种写法的不同结果用:nth-child(even)代码：$(table tr:nth-child(even)).css(background-color,red);效果如下图：用:even代码：$(table t...
在js中prev、next和siblings三个方法是指上一个，下一个及其他兄弟，下面我们一起来看看jquery中DOM元素的prev、next和siblings例子，有兴趣的和小编学学。jquery里我们要获取某个元素的相邻元素时，可以用到的命令有三个：next():用来获取下一个同辈元素。prev():用来获取上一个同辈元素。siblings()：用来获取所有的同辈元素。这次我们来获取下元素的兄弟元素，包括前一个兄弟、后一个兄弟以及其他兄弟。为了简化操作，也考虑到日...
定义和用法first() 将匹配元素集合缩减为集合中的第一个元素。语法.first()详细说明如果给定一个表示 DOM 元素集合的 jQuery 对象，.first() 方法会用第一个匹配元素构造一个新的 jQuery 对象。请思考下面这个带有简单列表的页面：<ul><li>list item 1</li><li>list item 2</li><li>list item 3</li><li>list item 4</li><li>list item 5</li> </ul>我们可以对这个列表项集合应用该方法：$(li).first().css(background-color, red)...