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)...
本文实例讲述了jQuery中:lt选择器用法。分享给大家供大家参考。具体分析如下:此选择器匹配所有小于给定索引值的元素。索引值最小是从0开始的。语法结构:$(":lt(index)")此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等。例如:$("li:lt(3)").css("color","blue")以上代码能够将索引小于3的li元素中的字体颜色设置为蓝色。如果不和其他选择器配合使用,则默认状态是和*选择器配合使用,例如$(":lt")等同于$("*...
测试问题:$(document).ready(function(){$("tr:gt(0):lt(2)").css("background-color","#B2E0FF"); });gt()和lt()对调个位置,显示的结果就不一样!~lt()放前面是我想要的结果,gt()在前面就坑了。下面的代码来自w3cshool,本人项目jquery1.8.2.js也存在类似问题。期待大神说明此事缘由。。<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(f...
定义和用法:not() 选择器选取除了指定元素以外的所有元素。最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素(如上面的实例)。语法$(":not(selector)")参数 描述selector 必需。规定不选择的元素。 该参数接受任何类型的选择器。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <sc...