189 8069 5689
其实基本用法同css选择器，即通用选择器（*）、标签选择器（p，dl，header等）、类选择器（.className）、ID选择器（#IDName）、后代选择器（“ ”）、子选择器（）、属性选择器（[attribute],[attribute=value],[attribute!=value],[attribute$=value]）、伪类选择器、群组选择器。而且有些低版本的IE浏览器不支持的，jQuery也能够兼容支持。
站在用户的角度思考问题，与客户深入沟通，找到禹王台网站设计与禹王台网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：做网站、网站建设、企业官网、英文网站、手机端网站、网站推广、主机域名、虚拟主机、企业邮箱。业务覆盖禹王台地区。
给定一个HTML文档，如何使用jQuery按name属性选择元素？下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法，希望对大家有所帮助。
在jQuery中，可以使用2个方法通过name属性选择元素；下面就来通过示例来介绍一下。
方法1：使用name属性选择器
name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。
语法：
示例：
输出：
方法2：使用javascript按名称获取元素并将其传递给jQuery
可以使用javascript getElementsByName()方法选择所需的元素，并将其传递给jQuery函数，以进一步用作jQuery对象。
语法：
示例：
输出：
更多 web开发 相关知识，请查阅 HTML中文网 ！！
1、基本选择器：
#id 、element 、.class 、* 、selector1,selector2,selectorN
2、层次选择器：
ancestor descendant 、parent child 、prev + next 、prev ~ siblings
3、基本过滤器选择器
:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、
:animated
4、内容过滤器选择器
:contains 、:empty 、:has 、:parent
5、可见性过滤器选择器
:hidden 、:visible
6、属性过滤器选择器
[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]
7、子元素过滤器选择器
:nth-child 、:first-child 、:last-child 、:only-child
8、表单选择器
:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button
、:file 、:hidden
9、表单过滤器选择器
:enabled 、:disabled 、:checked 、:selected
!DOCTYPE html
html
head
titleDemo/title
/head
body
div name = "userName" id = "div1"/div
div name = "please" id = "div2"/div
div name = "bike" id = "div3"/div
div name = "thanks" id = "div4"/div
/body
script
src=""
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"/script
script type="text/javascript"
var $name1 = $("[name='userName']");// 获取name属性的值等于userName的页面元素
var $name2 = $("[name^='p']");// 获取name属性的值以p为首字母的页面元素
var $name3 = $("[name$='e']");// 获取name属性的值以e结尾的页面元素
var $name4 = $("[name*='a']");// 获取name属性的值包含a的页面元素
console.log($name1,$name2,$name3,$name4)
/script
/html
这些属性选择器在jquery官方文档上都有示例和详细的描述
网页链接