首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用jQuery选择具有非字母数字id的元素?

要使用jQuery选择具有非字母数字id的元素,可以使用以下方法:

  1. 使用正则表达式:
代码语言:javascript
复制
$('[id^="\\D"]')

这个表达式会选择所有id以非字母数字字符开头的元素。

  1. 使用CSS选择器:
代码语言:javascript
复制
$('[id^="\\D"]')

这个表达式会选择所有id以非字母数字字符开头的元素。

  1. 使用jQuery的filter方法:
代码语言:javascript
复制
$('*').filter(function() {
  return /^[^a-zA-Z0-9]/.test($(this).attr('id'));
});

这个方法会选择所有id以非字母数字字符开头的元素。

这些方法都可以选择具有非字母数字id的元素,你可以根据自己的需求和项目来选择合适的方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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.1K20

如何在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。

1.5K50

继续死磕前端

不要有任何心理负担,它相当简单,如下: 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 匹配任何单词字符。

2.8K10

前端之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 匹配任何单词字符。

5.2K20

如何编写高效jQuery代码(转载)

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

74320

12个用得着JQuery代码片段

这种效果实现方式有很多种,下面是使用JQuery实现一种方式: 导航一 导航二 导航三 </...('.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.1K50

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.4K10

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.9K21

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

2K90

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.3K90

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属性等于firstinput元素选择集进行过滤 $('div').has(...学习JavaScript基本语法,以及如何使用JavaScript编程将会提高开发人员个人技能。...匹配字符 ‘a,b’ 2)转义字符匹配: \d 匹配一个数字,即0-9 \D 匹配一个数字,即除了0-9 \w 匹配一个单词字符(字母数字、下划线) \W 匹配任何单词字符。

3.9K20

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

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

1.3K10

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')

2.6K40

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.2K10

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语言中代表特定含义词称为保留字,不允许程序再次定义为标识符 ?

2.3K22
领券