腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >版本1.12.1中使用字符串连接的Jquery属性选择器

问版本1.12.1中使用字符串连接的Jquery属性选择器
EN

Stack Overflow用户

提问于 2016-06-08 02:54:38

回答 1查看 38关注 0票数 0

我想使用变量作为选择器属性。

我以前就是这么做的。

var variable = 'string';
$('[href=#'+variable+']'); #=> $('href=#string')

但在jquery版本1.12.1中，不再支持这一点。https://github.com/jquery/jquery/issues/2824

那么，我如何在不让它看起来太丑的情况下重构它呢？

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-08 02:57:06

只需在内部链接周围添加引号就可以了。

$('[href="#'+variable+'"]'); => $('href="#string"')

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37700513

复制

jQuery中属性选择器的使用

jquery

代码片段如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性选择器的使用</title> <style> </style> </head> <body> <button>获取具有href属性的 DOM 对象</button><br> <button>获取属性值为www.baidu.com对象</button><br> <button>获取属性值不为www.baidu.com对象<

软件小生活

2021/10/08

2.5K0

jquery选择器用法_jQuery属性选择器

jquery

一、基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。使用公式:(“#id”) 示例：(“#box”) //获取id属性值为box的元素 2. 元素选择器元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标记名选择的。使用公式：(“element”) 示例：(“div”) //获取所有div元素 3.类名选择器类选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。使用公式：(“.class”) 示例：(“.box”) //获取class属性值为box的所有元素 4.复合选择器复合选择器将多个选择器（可以是ID选择器、元素选择器或是类名选择器）组合在一起，两个选择器之间以逗号”,”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的jQuery对象。注意：多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素，而是将每个匹配的元素合并后一起返回。使用公式：(“selector1,selector2,……,selectorN”) selector1:一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selector2:另一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selectorN:（可选择）任意多个选择器，可以是ID选择器、元素选择器或类名选择器等示例：(“div,#btn”) //要查询文档中的全部的<div>元素和id属性为btn的元素 5.通配符选择器

全栈程序员站长

2022/11/16

12.3K0

jquery属性值选择器

jquery

$("[attribute|='value']") 选择指定属性值等于给定字符串或改字符串为前缀（该字符串后跟一个连字符“-”）的元素。 attribute: 一个属性名 value: 一个属性值 $(function(){ $('a[hreflang|="en"]').css("border","2px solid red"); //查找hreflang属性值是英语的所有链接。}); $("[attribute*='value']") 选择指定属性具有包含一个给定的子

用户1197315

2018/01/19

1.3K0

CSS属性选择器_伪类选择器的属性使用

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/167006.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/20

1.6K0

jquery data属性的使用

data dataset func function var

var func=function(){console.log("test")}; $("div").data("test",func); $("div").data("test")(); 输出结果是test 注意：data方法是jquery中的方法不是原生js里面的方法 js原生的dataset方法 var func=function(){console.log("test")}; var a = document.createElement("div"); a.dataset.test=func; a.

windseek

2018/05/15

1.2K0

jQuery选择器、元素属性操作--jQuery基础知识点(1)

jquery css

奋飛

2019/08/15

6560

jQuery 选择器使用方法

编程算法

下面的代码，只有外层段落的字体会改变颜色，里层不会，因为里层是属于 divInner 的直系元素

Remember_Ray

2020/03/08

4.7K0

jQuery 选择器使用方法

编程算法

下面的代码，只有外层段落的字体会改变颜色，里层不会，因为里层是属于 divInner 的直系元素

Remember_Ray

2020/03/09

4.6K0

jQuery介绍与常见选择器的使用

jquery javascript html 文件存储 ajax

jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建与2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile 等开发人员以及推广和网站设计、维护人员。

端碗吹水

2020/09/23

2.7K0

jQuery选择器

jquery

说明: 可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功，否则选择失败。

落雨

2022/03/01

30.4K0

JQuery选择器

jquery javascript 网站 http

jQuery常用的事件： load：当文档加载时运行脚本 blur：当窗口失去焦点时运行脚本 focus：当窗口获得焦点时运行脚本 change：当元素改变时运行脚本 submit：当提交表单时运行脚本 keydown：当按下按键时运行脚本 keypress：当按下并松开按键时运行脚本 keyup：当松开按键时运行脚本 click：当单击鼠标时运行脚本 dblclick：当双击鼠标时运行脚本 mousedown：当按下鼠标按钮时运行脚本 mousemove：当鼠标指针移动时运行脚本 mouseout：当鼠标指针移出元素时运行脚本 mouseover：当鼠标指针移至元素之上时运行脚本 mouseup：当松开鼠标按钮时运行脚本 abort：当发生中止事件时运行脚本

我不是费圆

2020/09/21

7.5K0

JQuery选择器

jquery html

1 $("*") ---------选取所有元素 2 $(this) --------选择当前HTML元素 3 $("p.a") -----选取p元素下class为a的元素 4 $("p:first") ----选取第一个p元素 5 $("ul li:first-child") ----选取ul下第一个li元素 6 $("tr:even") -------选取偶数位置下的tr 7 $("tr :odd") --------选取奇数位置的tr

用户3159471

2018/09/13

1.7K0

jQuery 选择器

jquery html xml

基本选择器基本选择器是最简单的选择器，可以通过元素id、class和标签名等来直接查找DOM元素。元素选择器根据给定元素名匹配元素。如下选择的是所有div元素。 $("div").css("

静默虚空

2018/01/05

7.4K0

jQuery 选择器

jquery

原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。

星辰_大海

2020/10/09

2.8K0

[jQuery笔记] jQuery选择器

jquery html css

jquery选择器允许对html中的元素组合单个元素进行操作，jquery的选择器和css的选择器几乎大同小异，大致分为元素选择器、id选择器和类选择器。jquery的选择器基于元素的id、类、类型、属性、属性值等查找或选择html元素，基于已经存在的css选择器，另外，jquery也支持自定义选择器。

行者

2019/12/05

1.8K0

jquery 选择器

image input png script title

用户5760343

2019/10/08

1.6K0

js与jQuery的区别以及jQuery选择器和方法的使用

jquery css vue.js javascript

jQuery是什么：jQuery是JavaScript的类库，封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。

天蝎座的程序媛

2022/11/18

15.4K0

Jquery选择器

其他

1、基本选择器选择器描述结果示例 #id 根据id获取元素单个 $(“#myid”)选取id的值为myid的元素 .class 根据class获取元素集合 $(“.myclass”)选取class的值为myclass的元素 a,p,img等html标签根据指定的html标签获取元素集合 $(“img”)选取所有的img标签 * 获取所有的元素集合 $(“*”)获取所有标签元素 a,.myclass,#id等获取对应标签元素集合 $(“a,.myclass,

苦咖啡

2018/05/07

2K0

jQuery 选择器

jquery ajax html

jQuery网页脚本语言核心之一概述： 1. 选择器是jQuery的基础 2. 对事件处理，遍历DOM和Ajax操作都依赖于选择器 3. 可简化代码什么是jQuery选择器？层叠样式表良好地继承了css选择器语法，还继承了其获取页面元素便捷高效的特点于css不同，jQuery选择器获取元素后，为该元素添加的是行为有良好的兼容性优势 1. 简洁的写法 (1) $(选择) 2. 完善的处理机制 (1) 简洁，避免某些错误类型：可通过css选择器和过滤选择器两种方式选择元素，每种又有不同的方法来

房上的猫

2018/04/18

2.7K0

JQuery的简述、使用方法和选择器

jquery 编程算法

JQ简述1 1、 jQuery出现的背景(Javascript遇到的问题) 选择器功能弱 DOM操作繁琐之极浏览器兼容性不好动画效果弱 2、什么是 jQuery(概念) jQuery （javaScriptQuery）JavaScript 代码库官方网站：http://jquery.com/ 3、目前 jQuery 有三个大版本： 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016

时间静止不是简史

2020/07/24

1.2K0

相似问题

Jquery选择器属性变量字符串连接

使用jQuery属性选择器*=

选择器中的jquery字符串连接

jquery选择器的javascript字符串连接

jquery选择器中的字符串连接

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问版本1.12.1中使用字符串连接的Jquery属性选择器
EN