首页
学习
活动
专区
工具
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.2K20
  • 如何在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

    75520

    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规范相关说明)。

    2K21

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

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

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

    4K20

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

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

    1.4K10

    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

    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.7K40

    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.5K22
    领券