jQuery如何获取具有两个属性的标签

最新推荐文章于 2021-08-09 10:14:12 发布
最新推荐文章于 2021-08-09 10:14:12 发布
阅读量2.1k 收藏
点赞数
分类专栏： Typescript 文章标签： jquery js class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cyg_l02/article/details/82432618
版权

学了jQuery后做项目突然发现如果一个标签内如果有一个属性带有两个名字：

如同这样子；那么我们要如何选择这个标签以及如何获取标签内的值呢？

提供二种方法：

1、$('.btn, .leftBtn')或集选择器，这样子去选择的话只要有其中一个便能选择到，但是选出来的值还应该是 'btn leftBtn'这样子的

2、$('.btn.leftBtn')交集选择器，只有同时具有这两个类名才能被选出来，选出来的值和原来是一样的

如下图：

 

这就是多值的属性选择器的jQuery选择法

 

Talljack
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用jquery获取自定义的标签属性的值简单实例
10-21
本文将详细讲解如何使用jQuery获取自定义HTML标签属性的值，通过一个简单的实例来深入理解这一过程。 首先，让我们回顾一下HTML自定义属性的基本概念。在HTML5中，开发者可以为元素添加任意的自定义属性，以存储...
JQuery属性选择器(属性值是变量、多属性选择）
qq_39636959的博客
08-01 2985
结论： 1、属性选择器是变量时，("div[属性=′"+变量属性值+"′]")；2、多属性选择器时，("div[属性 = '"+变量属性值+"']")； 2、多属性选择器时，("div[属性=′"+变量属性值+"′]")；2、多属性选择器时，(“div[属性一 = 属性值一 ][属性二 = 属性值二]”); 案例： <div data-value="test" data-status="on">div_test_on</div> <div data-value=
jQuery所有工具函数及两个属性。
weixin_44164824的博客
04-09 296
$.browser属性： browser属性是一个属性，可用于客户端嗅探。浏览器为IE，该对象会拥有一个msie属性，值为true。如果是firefox与其相关，会有一个值为true的mozilla属性。还有一个浏览器版本号，version属性。 $.contains()： 接收两个文档元素作为参数。如果第一个元素包含第二个，则返回true，否则false。 $.each()： 可以遍历数组元素与...
JQuery中根据属性或属性值获得元素(6种情况获取方法)
qq_56740595的博客
08-03 7365
根据属性获得元素 比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red"); 1.$ 在jQuery 中$("<span>")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用： [attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下： HTML代码： <input name="newsletter"...
html的判断标签属性,jquery如何判断元素是否有属性值？
weixin_35126737的博客
06-04 1221
jquery如何判断元素是否有属性值？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在jquery中，判断元素是否有某个属性，主要使用attr()方法，通过该方法，可以将获得的属性值进行判断，得出元素是否有某个属性值。下面来给大家具体介绍一下：1、在html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。2、...
Jquery属性选择器（同时匹配多个条件,与或非）（附样例）
qq_35804654的博客
04-02 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Test multi selection&lt;/title&gt; &lt;script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&
jquery属性选择器（同时匹配多个条件）
weixin_34148340的博客
09-06 316
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &am
javascript和jquery修改a标签的href属性
10-26
`attr` 方法接受两个参数，第一个是你要修改的属性名，第二个是新的属性值。 总结来说，无论是使用 JavaScript 还是 jQuery，修改 a 标签的 href 都相当直观。JavaScript 提供了基础的 DOM 操作，而 jQuery 则提供...
JQuery中两个ul标签的li互相移动实现方法
10-24
在本文中，我们将深入探讨如何使用jQuery实现两个`<ul>`标签内的`<li>`元素互相移动。这是一个常见的需求，特别是在构建交互式的用户界面时，例如拖放功能或列表排序。下面我们将详细解析示例代码，了解其实现原理。...
jQuery 同时获取多个标签的指定内容并储存为数组
12-10
在网页开发中经常会碰到获取同种类型的 标签 的值得问题,比如下面的两种情况. 当需要批量获取同种标签的指定值时,新人就会碰上一点小麻烦. 比如 id=problem1的demo var list1=$("#problem1").children();//获取到...
JS和jQuery通过this获取html标签中的属性值(实例代码)
10-19
在示例代码中，还存在一个 `attrsButtons` 函数，这个函数结合了 JavaScript 和 jQuery 的方法，同时也展示了如何获取自定义属性（如 `myname`）的值： ```javascript function attrsButtons(obj) { var v = obj....
jquery多属性选择器
whaxrl的专栏
04-21 4652
 [selector1][selector2][selectorN] 多个属性选择器 1、复合属性选择器，需要同时满足多个条件时使用，多个属性值取交集 2、例如 (1)、查询一个input,类型是checkbox，name是chkName $("input[type=checkbox][name=chkName]")
JQuery利用find查找子元素并修改其样式和属性
T型人小付的博客
09-08 9062
最近做项目遇到一个根据ajax结果自动更新form表单内元素的需求，涉及到JQuery关于子元素的一些操作，特意记录一下。 文章目录测试环境子元素查找修改元素样式和属性 测试环境 html如下 <div id="container"> <div id="box1"><span id="span1"></span></div> <div id="box2"><span id="span2"></span&
jquery的设置多个 CSS 属性
热门推荐
u010865136的专栏
08-31 3万+
一、获取css属性 $("p").css("background-color"); 二、设置单个css属性 $("p").css("background-color","yellow"); 三、设置多个csss属性 $("p").css({"background-color":"yellow","font-size":"200%"});
判断html元素同时有2个class,JavaScript跨浏览器获取页面中相同class节点的方法
weixin_42347415的博客
07-02 1595
网页开发时，在很多时候我们需要操作相同类名的元素，即class相同的元素。昨天参加笔试，有一道相关的题目没答上来：JavaScript获取页面中class为test的节点于是收集了一些相关的资料，在本文中列举了两种我觉得比较好的方法，不足之处，还望大家批评指正。如果大家有更好的方法，希望可以分享。Solution1 Jeremy Keuth方案Jeremy Keuth大叔在《JavaScript ...
jQuery 选择同时包含两个class的元素的实现方法
weixin_33714884的博客
11-23 935
Jquery选择器 多个 class属性参照以下案例 &lt;element class="a b good list card"&gt; 1. 交集选择： $(".a.b") --选择同时包含a和b的元素。 2. 并集选择：$(".a, .b") --选择包含a或者包含b的元素。 3.依次过滤 $(“.good”).filter(“.list”).filter(“.Card”)...
Jquery属性选择器（同时匹配多个条件）
u014312694的专栏
04-28 1097
.find('[kid="haha"][ftype="rte"]');
jquery如何同时选择两个元素
qq_43654065的博客
08-09 1188
$(".test1,.test2").css("background-colot","red") 类似于css
jQuery 层次选择器，属性选择器
tangdou5682的博客
12-01 3792
jQuery层次选择器 jquery属性选择器 jq根据是否有某属性选择 jq选取子元素、后边的元素等 $("div >span") $("#one +div") $("#one~div")
jquery设置标签属性
最新发布
08-12
此外，官方建议对于具有true和false两种取值的属性，如checked、selected和disabled等，使用prop()方法来操作，而其他属性则建议使用attr()方法来操作。<span class="em">1</span><span class="em">2</span><span ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值