【JQuery】[attribute*=value]属性选择器

最新推荐文章于 2018-10-10 14:24:50 发布
最新推荐文章于 2018-10-10 14:24:50 发布
阅读量356 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happyhaojie/article/details/51000210
版权

获取属性值中包含指定内容的全部元素。

例子：

    <body>
        <h3>改变"title"属性值包含"果"的背景色</h3>
        <ul>
            <li title="蔬菜">茄子</li>
            <li title="水果">香蕉</li>
            <li title="蔬菜">芹菜</li>
            <li title="人参果">小西红柿</li>
            <li title="水果">西瓜</li>
        </ul>
        
        <script type="text/javascript">
            $("li[title*='果']").css("background-color", "green");
        </script>
    </body>

效果:


badlyForPapers
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery attr/attribute()方法
乐杨俊浅谈LAMP
10-16 8080
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. at
JQ-[attribute]
jiangfeng666的博客
06-20 398
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Ty
JQuery基础attribute
ninetyhe的博客
07-25 781
之前工作上纯后端，基本不碰js，最近也开始设计动态页面与后端交互，总结了一些jquery的基本常用指令attr $("#label")：这个代码选中html文档中，id为label的标签，即； $(".label")：这个代码选中html文档中，class属性为label的标签，即； $("label")：这个代码选中html文档中，标签名为label的标签，即； #是 .是
jquery Attribute 选择器即属性选择器
行天之路
10-29 916
Jquery Attribute 选择器   在jquery中，属性选择器是被包裹在[]中，以下是所支持的属性选择器。   1 有属性[a] 选择有a 属性的所有元素。   例如： $(‘a[rel]’)—选择含有属性rel的的所有a标签。   2 属性值等于 [A=”B”] 选择属性A的值等于确定值B的所有元素。 例如： $(‘a[rel=”nofollow”]’)—
【jQuery】[attribute*=value]属性选择器
O(∩_∩)O
12-16 320
介绍一个功能更为强大的属性选择器[attribute*=value]，它可以获取属性值中包含指定内容的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示对应的属性值。 例如，使用[attribute*=value]属性选择器，获取属性值中包含某一指定内容的全部元素，并设置它们显示的文字颜色，如下图所示： 在浏览器中显示的效果：
jQuery中的属性过滤选择器（四、五）：[attribute] 、[attribute=value]、[attribute!=value] 、[attribute^=value] 等...
weixin_38169886的博客
07-17 333
<!DOCTYPE html> <html> <head> <title>属性过滤选择器</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"...
jQuery选择器中的通配符[id*='id']及jquery选择器总结
challenge_me的博客
10-10 1万+
  1.选择器 (1)通配符：   $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 $("input[name^='cod...
jQuery中[attribute*=value]选择器用法实例
10-24
主要介绍了jQuery中[attribute*=value]选择器用法,实例分析了[attribute*=value]选择器的功能、定义及匹配给定的属性包含某些值的元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jQuery中[attribute!=value]选择器用法实例
10-24
主要介绍了jQuery中[attribute!=value]选择器用法,实例分析了[attribute!=value]选择器匹配不包含指定属性元素的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
jQuery中[attribute^=value]选择器用法实例
12-01
本文实例讲述了jQuery中[attribute^=value]选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够选取属性值是以某些值开始的元素。 语法结构: 代码如下:$(“[attribute^=value]”) 参数列表: 参数 ...
jQuery中[attribute=value]选择器用法实例
10-24
在jQuery中，`[attribute=value]`选择器是一种强大的工具，用于选取具有特定属性和该属性值相等的HTML元素。这个选择器基于CSS选择器的语法，使得开发者能够更精确地定位页面上的元素，从而进行操作或应用样式。本文...
【JQuery】下拉列表框的change事件
热门推荐
O(∩_∩)O
04-02 2万+
当一个元素的值发生变化时，将会触发change事件。 例如在选择下拉列表框中的选项时，就会触change事件。 其实很好理解，但是我在写程序的过程中，却发现了另外的问题。 下拉列表的change事件 葡萄 苹果 荔枝 香焦
【JQuery】页面加载时触发ready()事件
O(∩_∩)O
04-02 1万+
从现在开始进入JQuery的事件和应用了！ 好了，言归正传！ ready()类似于onload(). 但ready()只要页面的DOM结构(文档结构)加载后便触发！不包括图片等非文字媒体文件. onload()需要页面的全部元素加载完后才触发！ ready()的使用方式有以下几种. 法一： $(document).ready(function(){do somethi
【补充知识点】e.target指代什么？
O(∩_∩)O
06-06 5008
e.target是目标对象， e.event是目标所发生的事件。 圣诞主题 选择页面： 1 2 3
【JQuery UI】微调按钮插件——spinner
O(∩_∩)O
04-07 3413
微调按钮插件不仅能在文本框中直接输入数值，还可以通过点击输入框右侧的上下按钮修改输入框的值，还支持键盘的上下方向键改变输入值，调用格式如下： $(selector).spinner({options}); selector参数为文本输入框元素，可选项options参数为spinner()方法的配置对象，在该对象中，可以设置输入的最大、最小值，获取改变值和设置对应事件。 例
【jQuery】:contains(text)过滤选择器
O(∩_∩)O
12-16 3022
有时候我们可能希望按照文本内容来查找一个或多个元素，那么使用:contains(text)选择器会更加方便， 它的功能是选择包含指定字符串的全部元素，它通常与其他元素结合使用，获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。 例如: 在浏览器中显示的效果： 从图中可以看出，调用li:contains('土豪')代码，可以很方便地
【JQuery】使用append()方法向元素内追加内容
O(∩_∩)O
04-01 2879
append()方法的功能是向指定的元素中追加内容。参数可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。 append()方法追加内容 function rethtml() { var $html = "我是调用函数创建的" return
jquery 属性选择器 祖宗
最新发布
05-19
jQuery属性选择器可以通过元素的属性值来选择元素，其语法为：$("[attribute]") 或者 $("[attribute=value]")。其中，attribute代表属性名，value代表属性值。 常用的属性选择器有： 1. [attribute]：选择具有指定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值