重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jQuery中使用attr('属性名')可以返回属性的值。
创新互联建站专注于潮南企业网站建设,成都响应式网站建设,成都商城网站开发。潮南网站建设公司,为潮南等地区提供建站服务。全流程按需规划网站,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务
语法:$(selector).attr([attribute]); // 返回attr中指定的当前选择器的属性值;
例如:
$(selector).attr('id'); // 获取选择器的id
$(selector).attr('class'); // 获取选择器的class类名
实例:
1. 用jQuery获取div的class类名:
div class="mystyle"我是div/div
script
$('div').attr('class'); // 得到“mystyle”
/script
2. 用jQuery获取当前点击的button的id:
button id="btn" onclick="BtnClick(this)"按钮/button
script
function BtnClick(obj){
$(obj).attr('id'); // 得到“btn”
}
/script
用var name=$('div').eq(0).attr('class')
name就是第一个div的class名
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。
jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jquery可以用attr函数来获取class的值。
1、新建html文档,在head标签中引入jquery的js文件或者cdn链接:
2、在body标签中添加一个div标签,设置div的“id”为“test”,设置div的类名“class”为“demo”:
3、添加代码“$('#test').attr('class')”,其中“$('#test')”指的是根据id“test”选择这个div,“attr('class')”指的是使用“attr”函数获取类名“class”的值:
一般而言,JQuery可以利用attr来获取元素的属性值,
1、$("元素").attr("属性"); //获取指定属性的值
2、$("元素").attr("属性","属性值");//设置属性值
3、$("元素").removeAttr("属性"); //移除指定属性
不过在1.6中加入了prop,用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时,将会返回标准属性true/false,不会和之前的attr一样,返回checked或者“”。
而JQuery中获取类名的属性为class亦可以为className,因为在HTML DOM中没有class属性,而是className属性。在JQuery中,有对className作出关键字的转换。
扩展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
参考资料:jquery百度百科
1、新建一个HTML文档,并定义若干个带有class属性的p元素。
2、新建一个JS操作,并获取选择器匹配的第一个元素。
3、保存以上文件,在浏览器预览效果,得到的是第一个匹配的Class元素。
4、如果想要选择器匹配所有符合的元素,则需要使用选择器。
5、对方法获取的元素集合,进行遍历输出。
6、保存以上内容,在浏览器预览效果。