在jQuery输入元素表达式属性名即可得到。
创新互联是一家集网站建设,西秀企业网站建设,西秀品牌网站建设,网站定制,西秀网站建设报价,网络营销,网络优化,西秀网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
如:
1.$("#textId").attr("width")是获取Id为textId的控件的width属性。
2.$(".className").attr("width")是获取包含class名为className的控件的width属性。
3.$("[name=textName]").attr("width")是获取name为textName的控件的width属性。
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0].width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
[attribute] 有attribute这个属性的
[attribute1][attribute2] 有这attribute1和attribute2两个属性
[attribute=value] 这个attribute属性等于这个value
[attribute!=value] 这个attribute属性不等于这个value
[attribute^=value]这个attribute属性以这value开始的
[attribute$=value]这个attribute属性以这个value结束的
[attribute*=value]这个attribute属性包含有这个value的
给定一个HTML文档,如何使用jQuery按name属性选择元素?下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法,希望对大家有所帮助。
在jQuery中,可以使用2个方法通过name属性选择元素;下面就来通过示例来介绍一下。
方法1:使用name属性选择器
name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。
语法:
示例:
输出:
方法2:使用javascript按名称获取元素并将其传递给jQuery
可以使用javascript getElementsByName()方法选择所需的元素,并将其传递给jQuery函数,以进一步用作jQuery对象。
语法:
示例:
输出:
更多 web开发 相关知识,请查阅 HTML中文网 !!
!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官方文档上都有示例和详细的描述
网页链接
jquery属性选择器中属性指的是元素的属性,比如input 的input;a color=""的color。
选择某个元素后,用attr方法。比如
$('#app').attr('title')获取titlr属性值
$('#app').attr('title','title属性值')设置title属性值