JQuery如何按name属性选择元素

 更新时间:2023年03月04日 14:05:11   作者:Tuttikiwi  
这篇文章主要介绍了JQuery如何按name属性选择元素问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

JQuery按name属性选择元素

方法1:使用name属性选择器

name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。

语法:[name=“nameOfElement”]

示例:

输出:

方法2:使用javascript按名称获取元素并将其传递给jQuery

可以使用javascript getElementsByName()方法选择所需的元素,并将其传递给jQuery函数,以进一步用作jQuery对象

语法:selector = document.getElementsByName(‘nameOfElement’);element = $(selector);

示例:

输出:

jquery name选择器

  • $("div[id]") 选择所有含有id属性的div元素
  • $("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素
  • $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素
  • $("input[name^='keleyi']") 选择所有的name属性以'keleyi'开头的input元素
  • $("input[name$='keleyi']") 选择所有的name属性以'keleyi'结尾的input元素
  • $("input[name*='keleyi']") 选择所有的name属性包含'keleyi'的input元素
  • $("input[id][name$='keleyi']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素 例如:$(":input[name='keleyi']") 表示查找的是name为keleyi的表单。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持程序员之家。

相关文章

最新评论

?


http://www.vxiaotou.com