jquery怎么获取一个元素指定属性的值

Posted 2023-05-09

$(this).parent().find("i[isShow='fou']")

该元素就是属性isshow为fou的i元素，注意引号。

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+等。

参考技术A $("元素表达式").attr("属性名")
如：$("#textId").attr("width")是获取Id为textId的控件的width属性
$(".className").attr("width")是获取包含class名为className的控件的width属性
$("[name=textName]").attr("width")是获取name为textName的控件的width属性
但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值
如：$("#textId")[0].width是取第一个控件的width属性
但也有写属性用attr取不到，也需要用角标的方式取得控件后在取属性本回答被提问者采纳 参考技术B $(this).parent().find("i[isShow='fou']")
该元素就是属性isshow为fou的i元素，注意引号 参考技术C

var p = $("标签ID").prop("属性");

var a = $("标签ID").attr("属性");

checkbox，radio和select这样的元素，选中属性对应“checked”、"readOnly"、“selected”，这些属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。

attr和prop怎么选择？

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

attr和prop区别?

attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。 

prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。 

参考技术D $('元素').attr('属性')

jQuery学习手册（11）

attr(name | pro | key val | fn)

作用：获取或者设置属性节点的值

1. 如果传递一个参数：代表获取属性节点的值
2. 如果传递两个参数，代表设置属性节点的值

注意：

如果是获取：无论找到多少个元素，都只会返回第一个元素指定的属性节点的值

如果是设置：找到多少个元素就会设置多少个元素

​ 如果设置的属性节点不存在，那么系统会自动新增

 console.log($('span').attr('class'))
​      $('span').attr('class', 'box')  
  $('span').attr('xxx', 'bbb')

removeAttr（name）

删除属性节点

注意：

会删除所有找到元素指定的属性节点

 $('span').removeAttr('class name')

每日一句
寬宏精神是一切事物中最偉大的—— 威廉·詹姆斯