.is() 检查当前的配套与选择器,jQuery对象的元素,或返回TRUE如果在这些元素的至少一个匹配给定的参数。
2014-07-18 18:27
453 查看
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>is demo</title> <style> div { width: 60px; height: 60px; margin: 5px; float: left; border: 4px outset; background: green; text-align: center; font-weight: bolder; cursor: pointer; } .blue { background: blue; } .red { background: red; } span { color: white; font-size: 16px; } p { color: red; font-weight: bolder; background: yellow; margin: 3px; clear: left; display: none; } </style> <script src="//code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div></div> <div class="blue"></div> <div></div> <div class="red"></div> <div><br/><span>Peter</span></div> <div class="blue"></div> <p> </p> <script> $( "div" ).one( "click", function() { if ( $( this ).is( ":first-child" ) ) { $( "p" ).text( "It's the first div." ); } else if ( $( this ).is( ".blue,.red" ) ) { $( "p" ).text( "It's a blue or red div." ); } else if ( $( this ).is( ":contains('Peter')" ) ) { $( "p" ).text( "It's Peter!" ); } else { $( "p" ).html( "It's nothing <em>special</em>." ); } $( "p" ).hide().slideDown( "slow" ); $( this ).css({ "border-style": "inset", cursor: "default" }); }); </script> </body> </html> <br> <a href="http://api.jquery.com/is/">原文地址</a>
相关文章推荐
- 使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
- jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素,将其封装为jQuery对象并返回。 与该选择器相对的是:nth-last-child(n)选择
- jquery获取html中当前元素对象,以及父对象,相邻的上一个对象,或下一个对象
- isNaN() 函数用于检查其参数是否是非数字值。如果是非数字值则返回true
- 回文链表 请编写一个函数,检查链表是否为回文。 给定一个链表ListNode* pHead,请返回一个bool,代表链表是否为回文。 测试样例: {1,2,3,2,1} 返回:true {1,2,3,
- 删除顺序表L中最小元素结点,并通过引用型参数value返回其值 如果删除成功,返回TRUE,否则,返回false
- 从数组中找出一对元素,其和是一个给定的目标数字。假设数组中只存在一个符合要求的数值对,返回这些数值的下标
- 写一个函数,对于一个给定的整数,如果它的二进制模式从正向看和反向看是一样的,那么返回true;
- jquery 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)
- jQuery为当前或未来的匹配元素添加一个或多个事件处理器
- Javascript实例教程:querySelector()方法接受一个CSS查询并返回匹配模式的第一个子孙元素,如果没有匹配的元素则返回null。
- 这个字符串参数必须包含一个或多个数字,函数应该把这些 数字字符转换为整数并返回这个整数。如果字符串参数包含 了任何非数字字符,函数就返回零。
- 给定一个数组,元素都是正整数,要求返回这些元素所组成的最大数
- Jquery选择器 选择一个不存在的元素 为什么不会返回 false
- jQuery.isEmptyObject()函数用于判断指定参数是否是一个空对象。
- 字符串参数必须包含一个或者多个数字,函数应该把这些数字字符转换为整数并返回这个整数。如果字符串参数包含了任何非数字字符,函数就返回零
- 为下面的函数原型编写函数定义: int ascii_to_integer(char *str); 这个字符串参数必须包含一个或者多个数字,函数应该把这些数字字符转换为整数并返回这个整数。如果字符串参数
- 根据给定的ID匹配一个元素,返回单个元素
- C 这个字符串参数必须包含一个或者多个数字,函数应该把这些数字字符转换为整数并返回这个整数。如果字符串参数包含了任何非数字字符,函数就返回零。
- JQuery怎么知道一个元素是否隐藏或显示How do you test if something is hidden in jQuery?