JQuery如何按name屬性選擇元素
更新時間:2023年03月04日 14:05:11 作者:Tuttikiwi
這篇文章主要介紹了JQuery如何按name屬性選擇元素問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
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的表單。
總結
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jquery ajax加載數據前臺渲染方式 不用for遍歷的方法
今天小編就為大家分享一篇jquery ajax加載數據前臺渲染方式 不用for遍歷的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08

