JQuery如何按name屬性選擇元素
更新時(shí)間：2023年03月04日 14:05:11 作者：Tuttikiwi
這篇文章主要介紹了JQuery如何按name屬性選擇元素問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
JQuery按name屬性選擇元素
方法1：使用name屬性選擇器
name屬性選擇器可用于按name屬性選擇元素。此選擇器選擇值與指定值完全相等的元素。
語法：[name=“nameOfElement”]
示例：
輸出：
方法2：使用javascript按名稱獲取元素并將其傳遞給jQuery
可以使用javascript getElementsByName()方法選擇所需的元素，并將其傳遞給jQuery函數(shù)，以進(jìn)一步用作jQuery對(duì)象
語法：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'結(jié)尾的input元素$("input[name*='keleyi']")選擇所有的name屬性包含'keleyi'的input元素$("input[id][name$='keleyi']")可以使用多個(gè)屬性進(jìn)行聯(lián)合選擇，該選擇器是得到所有的含有id屬性并且那么屬性以keleyi結(jié)尾的元素 例如：$(":input[name='keleyi']") 表示查找的是name為keleyi的表單。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在jQuery中，$是jQuery的別名，為了書寫方便，我們更習(xí)慣用$('#id')這一類的方式來書寫代碼。這篇文章給大家分享jQuery中 $ 符號(hào)的沖突問題及解決方案，感興趣的朋友一起看看吧2016-11-11
JQuery插件Marquee.js實(shí)現(xiàn)無縫滾動(dòng)效果
這篇文章主要介紹了JQuery插件Marquee.js實(shí)現(xiàn)無縫滾動(dòng)效果的相關(guān)資料,需要的朋友可以參考下2016-04-04
jquery滾動(dòng)加載數(shù)據(jù)的方法
這篇文章主要介紹了jquery滾動(dòng)加載數(shù)據(jù)的方法,實(shí)例分析了jQuery動(dòng)態(tài)加載數(shù)據(jù)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery使用contains過濾器實(shí)現(xiàn)精確匹配方法詳解
這篇文章主要介紹了jQuery使用contains過濾器實(shí)現(xiàn)精確匹配的方法,結(jié)合實(shí)例形式分析了contains過濾器的具體使用技巧,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了jQuery輕量級(jí)表單模型驗(yàn)證插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
本篇文章主要介紹了jQuery操作css樣式的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
這篇文章主要介紹了jquery.cookie.js用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jquery.cookie.js針對(duì)cookie的獲取、創(chuàng)建、設(shè)置、刪除等常用技巧,需要的朋友可以參考下2015-12-12
基于jquery插件編寫countdown計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了jquery插件編寫countdown計(jì)時(shí)器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
jquery ajax加載數(shù)據(jù)前臺(tái)渲染方式 不用for遍歷的方法
今天小編就為大家分享一篇jquery ajax加載數(shù)據(jù)前臺(tái)渲染方式 不用for遍歷的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容
在本篇內(nèi)容里小編給大家分享了jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容相關(guān)知識(shí)點(diǎn)，有需要的朋友們參考下。2018-11-11