1 / jquery实现的搜索功能2 $(‘#search_btn‘).on(‘click‘,function(){3var txt=$(‘#inputValue‘).val();4var value=$(‘.layui-colla-content‘);5if($.trim(txt)!=""){6 $(".layui-colla-content").css(‘display‘,‘none‘).filter(":contains(‘"+txt+"‘)").show().css("color","red");7 }else{8 alert(‘111‘);9 }
10 }) 原文:https://www.cnblogs.com/yangguoe/p/9...
jQuery中contains和has的区别根据不同的内容和属性可以准确定位到需要找的属性 如何根据内容筛选标签?:contains 匹配包含给定的文本元素$("div:contains(‘Jhon‘)"):has 匹配含有选择器所匹配的元素的元素$("div:has(p)").addClass("test") p为标签原文:http://www.cnblogs.com/iceyhu/p/3486888.html
:contains 选择器选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素,如:$("p:contains(is)") 表示选择所有包含 "is" 的 <p> 元素。再如:$("p:contains(张三)") 或 $("p:contains("张三")") 表示选择所有包含 "张三" 的 <p> 元素。 在该选择器里也可以使用变量来达到选取的目的,如:$(document).ready(function(...
概述匹配包含给定文本的元素参数textStringV1.1.4一个用以查找的字符串示例描述:查找所有包含 "John" 的 div 元素HTML 代码:<div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair</div> <div>J. OhnjQuery 代码:$("div:contains(John)")结果:[ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]实例代码:实例一:<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" conten...
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...
contains选择符 contains选择符是指对象中包括指定内容的对象本身,如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格,设置这些单元格的样式类型添加“highlight”类。 下面的代码,运行后,需要刷新下,以便加载jquery$(document).ready(function(){
$("div:contains('John')").css("text-decoration", "underline");
}); John Resig
George Martin
Malcom John Sinclair
J. Oh...
本文实例讲述了jQuery使用contains过滤器实现精确匹配的方法。分享给大家供大家参考,具体如下:
:contains 选择器选取包含指定字符串的元素。
该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。
经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素,如:
$("p:contains(is)") 表示选择所有包含 "is" 的 元素。
再如:
$("p:contains(张三)") 或 $("p:contains("张三")") 表示选择所有包含 "张三"...
代码如下: $(function () { //根据select中的option的文本来执行选中 //$("#selectbox option[text='第二项']"); //$("#selectbox option").filter("[text='第二项']"); //上面两种写法都是错误的 //正确写法 $("#btn4").click(function () { var $option =$("#selectbox option:contains('第二项')").map(function(){ if ($(this).text() == "第二项") { return this; } }); alert($option.length > 0 ? "有对象" : "无对...
本文实例讲述了jQuery中contains选择器用法。分享给大家供大家参考。具体分析如下:
此选择器匹配包含给定文本的元素。
语法:代码如下:$(":contains(text)")
此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等。例如:代码如下:$("li:contains(html)").css("color","blue")
以上代码将文本中包含"html"的li元素中的字体颜色设置为蓝色。
如果不和其他选择器配合使用,则默认状态是和*选择器配合使用,例如$(":co...
本文实例讲述了jQuery实现contains方法不区分大小写的方法。分享给大家供大家参考。具体实现方法如下:// NEW selector
jQuery.expr[':'].Contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
}; // OVERWRITES old selecor
jQuery.expr[':'].contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
};用法:$("div:conta...
本文实例讲述了jQuery使用contains过滤器实现精确匹配的方法。分享给大家供大家参考,具体如下:
:contains 选择器选取包含指定字符串的元素。
该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。
经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素,如:
$("p:contains(is)") 表示选择所有包含 "is" 的 <p> 元素。
再如:
$("p:contains(张三)") 或 $("p:contains("张三")") 表示选择所有包含 "张...
本文实例讲述了jQuery实现contains方法不区分大小写的方法。分享给大家供大家参考。具体实现方法如下:
// NEW selector
jQuery.expr[:].Contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
}; // OVERWRITES old selecor
jQuery.expr[:].contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
};用法:
$("div:contain...
本文实例讲述了jQuery中contains选择器用法。分享给大家供大家参考。具体分析如下:
此选择器匹配包含给定文本的元素。
语法:代码如下:$(":contains(text)")
此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等。例如:代码如下:$("li:contains(html)").css("color","blue")
以上代码将文本中包含"html"的li元素中的字体颜色设置为蓝色。
如果不和其他选择器配合使用,则默认状态是和*选择器配合使用,例如$(":co...
代码如下:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script t...
contains选择符 contains选择符是指对象中包括指定内容的对象本身,如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格,设置这些单元格的样式类型添加“highlight”类。 下面的代码,运行后,需要刷新下,以便加载jquery$(document).ready(function(){
$("div:contains('John')").css("text-decoration", "underline");
}); John Resig
George Martin
Malcom John Sinclair
J. Oh...