如何使用jQuery选择具有非字母数字id的元素？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

JQuery如何获取ID含有特殊字符的DOM元素

为业务需要，DOM元素的ID被命名为“c-order.range”，执行JQuery的DOM查询时，提示如下错误 Uncaught Error: Syntax error, unrecognized expression...: [id=c-order.range] 1....解决办法：document.getElementById 以前总觉得这个办法笨拙，现在越觉得此方法强大，几乎就是大杀器，没有查询不了的元素，无论你的元素ID命名多么刁钻。...var rowId = 'c-order.range', view = document.getElementById(rowId), // 将Element对象转换为JQuery对象...=' + rowId + ']').length) // 将所有的id值用双引号包起来，即可进行识别 // 请注意双引号添加的位置，只在id上进行包裹 alert(('[id="' + rowId

12.8K2 0

jQuery通过id选择器绑定双击事件，和appendTo（）方法的使用详解

下拉列表绑定一个双击事件dblclick（） $("#id”).dblclick(function(){ //获取列表中所有被选中的option var alloptions...= $("option:selected");//这种写法存在问题，如果已分配列表中也有被选中的option同样会被选中//不可以 var alloptions = $("#id option..."));//选择哪个下拉（select）列表的被选中的值（第二种写法） var alloptions = $("option:selected",#id);//这个是另外一种写法也是可以被识别的...(alloptions.length); //appendTo()把所有匹配的元素追加到另一个指定的元素元素集合中。...//实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把b追加到a，而是把a追加到b $（"option:selected",this）.appendTo($("

1.8K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

如何使用JavaScript选择带有指定类名的元素？

在前端开发中，我们经常需要通过JavaScript选择页面上的特定元素。特别是当你需要在一个div元素内部选择一个带有特定类名的子元素时，掌握几种常用的选择方法是非常必要的。...本文将结合实际业务场景，带大家了解如何使用JavaScript选择div内部带有特定类名的元素。 1....使用 document.querySelector document.querySelector 是选择器API中最常用的一个，它允许你通过CSS选择器来获取DOM元素。...它通过ID直接获取一个元素，然后可以继续使用querySelector来获取该元素内的子元素。...，不过在实际业务中，如果你已经知道元素的ID，使用getElementById会更直接一些。

4.3K1 0

如何在Linux中使用 seq 命令打印具有指定增量或格式的数字序列？

seq 命令是 sequence 的缩写，用于打印数字序列，数字可以是整数或实数（带小数点）。让我们看看如何通过一些示例来使用此命令。...使用 seq 命令可以使用不带选项的 seq 来生成 3 种不同格式的数字序列。打印数字序列直到上限在最简单的形式中，为 seq 指定一个上限，它将打印从 1 到上限的序列。...seq n 这是一个例子： wljslmz@lhb:~$ seq 4 1 2 3 4 两个数字之间的打印顺序（下限和上限）可以按升序提供两个数字，它将打印从小数字到大数字的序列。...seq n1 n2 看看这个例子： wljslmz@lhb:~$ seq 3 6 3 4 5 6 在限制之间但具有自定义增量的打印序列到目前为止，序列中的增量为 1，但也可以在下限和上限之间定义自定义增量...%e以指数格式和%f浮点格式显示数字。以字符串为分隔符的打印序列到目前为止，序列都是垂直打印的，这是因为默认情况下，分隔符是换行符，可以使用 option 更改它s。

2.2K5 0

继续死磕前端

不要有任何心理负担，它相当简单，如下： 1.选择 id 为 Ethan 的元素（类比 id 选择器） $('#Ethan') 2.选择 class 为 Yan 的元素（类比类选择器） $('.Yan')...这个也不难： //选择id是box的元素之前所有的同辈元素 $('#box').prevAll(); //选择id是box的元素后面所有的同辈元素 $('#box').nextAll(); //选择...id是box的元素的父元素 $('#box').parent(); //选择id是box的元素的所有子元素 $('#box').children(); //选择id是box的元素的同级元素 $(...当我们验证邮箱格式、手机号、身份证号时必不可少，那么 jquery 中如何使用呢？...其中规则老生常谈，我们再复习一遍： \d 匹配一个数字，即0-9 \D 匹配一个非数字，即除了0-9 \w 匹配一个单词字符（字母、数字、下划线） \W 匹配任何非单词字符。

3.7K1 0

前端之jquery函数库

jquery介绍　　jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。...选择器 jquery用法思想一选择某个网页元素，然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。...id是box的元素的父元素 $('#box').children(); //选择id是box的元素的所有子元素 $('#box').siblings(); //选择id是box的元素的同级元素 $('#...box').find('.myClass'); //选择id是box的元素内的class等于myClass的元素判断是否选择到了元素　　jquery有容错机制，即使没有找到元素，也不会出错，可以用...匹配字符 ‘a,b’ 2）转义字符匹配： \d 匹配一个数字，即0-9 \D 匹配一个非数字，即除了0-9 \w 匹配一个单词字符（字母、数字、下划线） \W 匹配任何非单词字符。

6K2 0

如何编写高效的jQuery代码（转载）

所以有原生方法可以使用的场合，尽量避免使用jQuery。　　...二、缓存jQuery对象查找DOM元素实际上有不小的内存开销，使用选择器的次数应该越少越好，并且尽可能缓存选中的结果，便于以后反复使用。记住，永远不要让相同的选择器出现多次。　　...代码中不免夹杂有JS代码，如何让jQuery代码看起来严谨有序，规范自己的命名规则能更好的提高代码的阅读性。　　...jQuery编写技巧： ---- 一、选择器择优　　选择器是jQuery的基础，如何选择效率最高的选择器，先要了解各种选择器的性能差异。...（以下按效率由高到低列出）　　①ID选择器和标签元素选择器： $("#id"); $("tag"); jQuery内部会自动调用浏览器的原生方法（getElementById();，getElementByTagName

1.1K2 0

12个用得着的JQuery代码片段

这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式： id='nav'> 导航一导航二导航三 </...('.tclass').removeClass('tclass');; }); 2.反序访问JQuery对象里的元素在某些场景下，我们可能需要反序访问通过JQuery选择器获取到的页面元素对象...页面部分刷新的特效在JQuery中也很容易实现： setInterval(function() { //每隔5秒钟刷新页面内容 //获取的内容将增加到 id为content的元素后...'); 7.采配置JQuery与其它库的兼容性如果在项目中使用JQuery，$ 是最常用的变量名，但JQuery并不是唯一一个使用$作为变量名的库，为了避免命名冲突，你可以按照下面方式来组织你的代码：...})(jQuery); 8.克隆table header到表格的最下面为了让table具有更好的可读性，我们可以将表格的header信息克隆一份到表格的底部，这种特效通过JQuery就很容易实现： var

1.6K5 0

web前端开发规范总结

class&id参见css书写规范. 6、需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用须以"data-"为前缀来添加自定义属性，避免使用"data...3、class与id的使用：id是唯一的并是父级的，class是可以重复的并是子级的，所以id仅使用在大的模块上，class可用在重复使用率高及子级中。...b）取父级元素id/class命名部分命名，示例见d。c）重复使用率高的命名，请以自己代号加下划线起始，比如i_clear。...3、命名全部用小写英文字母||数字||_的组合，其中不得包含汉字||空格||特殊字符；尽量用易懂的词汇，便于团队其他成员理解。...4、在保证视觉效果的情况下选择最小的图片格式与图片质量，以减少加载时间。5、尽量避免使用半透明的png图片(若使用，请参考css规范相关说明)。

1.7K1 0

web前端开发规范总结

class&id参见css书写规范. 6、需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用须以"data-"为前缀来添加自定义属性，避免使用"data...3、class与id的使用：id是唯一的并是父级的，class是可以重复的并是子级的，所以id仅使用在大的模块上，class可用在重复使用率高及子级中。...b）取父级元素id/class命名部分命名，示例见d。c）重复使用率高的命名，请以自己代号加下划线起始，比如i_clear。...3、命名全部用小写英文字母||数字||_的组合，其中不得包含汉字||空格||特殊字符；尽量用易懂的词汇，便于团队其他成员理解。...4、在保证视觉效果的情况下选择最小的图片格式与图片质量，以减少加载时间。5、尽量避免使用半透明的png图片(若使用，请参考css规范相关说明)。

2.3K2 1

jQuery对输入框进行验证，只允许输入字母和数字

使用jQuery来对这两个输入框进行验证，确保只允许输入字母和数字，不允许输入中文字符。以下是相应的示例代码： <!...inputValue)) { event.target.value = inputValue.replace(/[^\w]/g, ''); // 删除非字母和数字的字符...inputValue)) { event.target.value = inputValue.replace(/[^\w]/g, ''); // 删除非字母和数字的字符...分别选择了ID为nfcId和deviceId的输入框，并绑定了input事件监听器。当用户输入内容时，会使用正则表达式/^[a-zA-Z0-9]+$/对输入内容进行验证。...如果输入内容不符合要求（包含非字母和数字的字符，包括中文），则会将非法字符删除。

1.3K4 0

【前端】Web前端学习笔记【2】

说明该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。其他字符（比如：;/?...jQuery拥有特有的CSS-Like选择器，链式写法，封装的各类animate函数，封装了的异步加载。 jQuery封装了AJAX操作。 jQuery的缺点： jQuery比原生JS执行效率慢。...默认会覆盖到非定位元素上。...p:only-of-type 选择属于其父元素唯一的元素的每个元素。 p:only-child 选择属于其父元素的唯一子元素的每个元素。...for...of循环调用遍历器接口，数组的遍历器接口只返回具有数字索引的属性。

5452 0

JQuery选择器（中）

5.临近选择器: $("mix+mix"),选取下一个兄弟节点.如:$("div +#test"),id为test的的节点必须是div的下一个兄弟节点....,visibility值为visible元素,不包括hide域) E:hidden:选择所有隐藏元素(非Hide域,且display值为block或visible,visibility值为visible...):查询指定XML文档中的所有div元素选择器来源可以是:作为上下文的DOM元素,文档或jQuery对象还有两个:$.extend(prop)和$.noConflict()是和插件以及和其他库兼容的使用...,以后再写 jQuery的其他的core部分: eq(数字):将匹配的元素集合缩减为一个元素。...这个元素在匹配元素集合中的位置变为0,而集合长度变成1 gt(数字):将匹配的元素集合缩减为给定位置之后的所有元素 lt(数字):将匹配的元素集合缩减为给定位置之前的所有元素上面三个的例子: $("div

2.8K9 0

validationEngine参数详解

inlineAjax false ajaxFormValidation false 使用 Ajax 验证表单 ajaxFormValidationURL false 设置 Ajax 验证的 URL，默认使用...例如 validationEventTrigger 设为空，或 bindMethod 设为 live isOverflown false 表单是否在溢出滚动的元素内（即外部元素设置了 overflow:...“” 设置了溢出滚动的元素，格式为 jQuery 的选择器。...]] 只接受数字和英文字母 ajax validate[ajax[ajaxUserCallPhp]] 在验证规则中自定义 “ajaxUserCallPhp”:{ “url”:”phpajax/ajaxValidateFieldUser.php....validationEngine(“hidePrompt”); 隐藏该元素的提示内容 hide $(“#form_id”).validationEngine(“hide”); 关闭表单中的提示 hideAll

3.7K2 0

Web前端中的命名规则

的使用: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id仅使用在大的模块上, class可用在重复使用率高及子级中; id原则上都是由我分发框架文件时命名的, 为JavaScript...规避class与id命名(此条重要, 若有不明白请及时与i沟通): a）通过从属写法规避, 示例见d; b）取父级元素id/class命名部分命名, 示例见d; c）重复使用率高的命名...原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为'_', 其他与原生JavaScript 规则相同, 如: _iTaoLun; 另, 要求变量集中声明...命名全部用小写英文字母 || 数字 || _ 的组合，其中不得包含汉字 || 空格 || 特殊字符；尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01...在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间; 5. 尽量避免使用半透明的png图片(若使用, 请参考css规范相关说明); 6.

2.8K9 0

jQuery

选择器 jquery用法思想一选择某个网页元素，然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。...$('#myId') //选择id为myId的网页元素 $('.myClass') // 选择class为myClass的元素 $('li') //选择所有的li元素 $('#ul1 li span')...//选择id为为ul1元素下的所有li下的span元素 $('input[name=first]') // 选择name属性等于first的input元素对选择集进行过滤 $('div').has(...学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。...匹配字符 ‘a,b’ 2）转义字符匹配： \d 匹配一个数字，即0-9 \D 匹配一个非数字，即除了0-9 \w 匹配一个单词字符（字母、数字、下划线） \W 匹配任何非单词字符。

5K2 0

求职 | 史上最全的web前端面试题汇总及答案

理解选择器的特殊性很重要，特别是在修复bug的时候，但是要尽量避免使用。 CSS选择器的权重与优先规则 CSS定位方式有哪些?position属性的值有哪些?他们之间的区别是什么?...统计字符串”aaaabbbccccddfgh”中字母个数或统计最多字母数。写一个function，清除字符串前后的空格。...（兼容所有浏览器）如何制作一个combo选项 combo选项就是可以手动输入值，也可以选择下拉列表值的选项。...jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。...jQuery的核心特性可以总结为： ①具有独特的链式语法和短小清晰的多功能接口； ②具有高效灵活的css选择器，并且可对CSS选择器进行扩展； ③拥有便捷的插件扩展机制和丰富的插件。

2.1K1 0

jQuery操作DOM元素

实现上述两个功能当然可以使用原生js来完成，但在实际开发过程中很少这样做，通常会使用一些别人封装好的js库来辅助我们的工作，jQuery就是这些辅助库中的一员。...tr:first'); //选取id='table'标签中的索引为奇数且没有使用类名为'last'的所有tr标签 //且为选择的元素添加even类 $('#table tr:odd:not(.last...，注意这里#form1和:enabled之间没有空格，有空格表示选取子元素 $("#form1 :disabled");//选取id为form1的表单内所有禁用的元素常用方法 jQuery的方法只有jQuery...className') 启用或关闭样式内容操作说明 text() 针对非input使用，text()获取元素中的文本，text('str')设置元素文本为str html() 和text类似，不同之处是...html()可以使用html样式，$('p').html('p'),p标签上显示粗体字母p val() 针对input使用，val()获取元素中的value属性值，value('str')

3.6K4 0

Web 前端开发代码规范

：len 四、 jQuery性能优化 ——总是从ID选择器开始继承 jQuery中最快的筛选器是ID筛选器，这是因为它直接和JS原生方法getElementById()对应。...——在class前使用tag 第二快是tag选择器，因为它和JS原生方法getElementsByTagName() 对应。...jQuery中class选择器是最慢的，因为在IE浏览器下它会遍历所有的DOM节点。...写成$(‘div#id’)会降低性能，因为JS会遍历所有的div元素来查找id为’id’的哪一个节点: #id1也不需要由#id2来修饰。写成$(‘#id2 #id1’) 是画蛇添足，降低性能。...——缓存JQuery对象要养成将jquery对象缓存进变量的习惯，避免进行多次查找，另外为了区分普通的JS对象和jQuery对象，建议在变量首字母前加上$符号。

3.6K1 0

Python 之Web编程

:enctype="multipart/form-data"，meth="post" 9 name:表单提交相的键，注意和id属性的区别；name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称...: green} 4 #info和E#info:id选择器，匹配所有id属性等于footer的元素 #info{background-color: green} 组合选择器 1 E,F 多元素选择器...如：h1-6；p；dt 　　3、li内可以包含div 　　4、块级元素与块级元素并列、内联元素与内联元素并列属性选择器 1 E[att] 匹配所有具有att属性的E元素，不考虑它的值...无论多么复杂的布局，其基本出发点均是：“如何在一行显示多个div元素”。　　...　　·只允许字母、数字、下划线、$；不能数字开头　　·用于表示函数、变量的名字　　·JavaScript语言中代表特定含义的词称为保留字，不允许程序再次定义为标识符 ?

3.1K2 2

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭