[ jquery 选择器 :contains(text) ] 此方法选取包含给定文本的元素

匹配包含给定文本的元素,参数解析如下:

  1.text:给定文本

实例:

<!DOCTYPE html>
<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<script type=‘text/javascript‘>
    $(function(){
        $(‘#content :contains("运行")‘).css({‘color‘:‘#000‘,‘text-indent‘:‘15px‘,});
    });
</script>
</head>
<body>
    <div id=‘content‘>
        <h4>this is a test demo</h4>
        <p>EmEditor Professional以运行轻巧、敏捷而又功能强大、丰富著称,作为简单好用的文本编辑器,EmEditor支持多种配置,可自定义颜色、字体、工具栏、快捷键、行距等,支持文本列块选择、无限撤消/重做等,是替代记事本的最佳编辑器</p>
        <p>EmEditor Professional以轻巧、敏捷而又功能强大、丰富著称,作为简单好用的文本编辑器,EmEditor支持多种配置,可自定义颜色、字体、工具栏、快捷键、行距等,支持文本列块选择、无限撤消/重做等,是替代记事本的最佳编辑器</p>
    </div>
</body>
</html>
时间: 2024-11-13 19:11:40

[ jquery 选择器 :contains(text) ] 此方法选取包含给定文本的元素的相关文章

[ jquery 选择器 :gt(index) ] 此方法选取匹配大于指定索引值的所有元素

此方法选取匹配大于指定索引值的所有元素:角标值从0开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword

[ jquery 选择器 :lt(index) ] 此方法选取匹配小于指定索引值的所有元素

此方法选取匹配小于指定索引值的所有元素:从 0 开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2

匹配包含给定文本的元素

描述: 查找所有包含 "John" 的 div 元素 HTML 代码: <div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair</div> <div>J. Ohn jQuery 代码: $("div:contains('John')") 结果: [ <div>John Resig&l

[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素

此方法选取匹配所有的可见元素: 实例: <!DOCTYPE html> <html class='html'> <head class='head'> <meta charset=' utf-8'> <meta name='author' content='http://www.52jb.net/' /> <script type='text/javascript' src='./js/jquery-1.12.1.min.js'>&l

.has()——选取包含某条件的元素

描述:选择元素内部是否存在包含给定条件的元素 写法:$("元素").has("class或id值等") 注意:与.filter()的区别 $("div").has("span").css("background","red"); <div>div1<span>span</span></div> 这个变色 <div>div2<

深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的jQuery>一书中,nth-of-type()选择器参照CSS中的nth-of-type选择器,于1.9版本新增,本文将详细介绍该内容 通用形式 :nth-of-type() 个人认为,:nth-of-type()选择器不应该归类于子元素选择器,也不完全等同索引选择器,因为其索引是指特定元素的索引,但

[ jquery 选择器 :not(selector) ] 此方法排除与selector选择器选取的页面元素

此方法排除与selector选择器选取的页面元素: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword

[ jquery 选择器 :eq(index) ] 此方法精确选取指定jquery对象中的指定下角标的对象

匹配一个给定索引值的元素:从 0 开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keywor

JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)

1)在iframe中查找父页面元素的方法: $('#id', window.parent.document) 2)在iframe中调用父页面中定义的方法和变量: parent.method parent.value 3)实例 1.父页面 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="If