jQuery 获取/设置/删除DOM元素的属性以a元素为例

 更新时间:2014年05月23日 10:36:34   作者:  
这篇文章主要介绍了jQuery如何获取/设置/删除DOM元素的属性,需要的朋友可以参考下
jQuery的属性操作非常简单,下面以一个a元素来说明属性的获取/设置/删除操作
复制代码 代码如下:

<body>
<a>jquery.com</a>
</body>

添加属性

$('a').attr('href', 'http://www.jquery.com')

添加多个属性

$('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'})

获取属性

$('a').attr('href')

class属性

addClass()

添加一个class

hasClass()

判断是否有参数中指定的class

removeClass()

移除一个class

toggleClass()

如果参数中指定的class已经存在,则删除,反之,则添加。

相关文章

  • jQuery实现图片高亮显示

    jQuery实现图片高亮显示

    这篇文章主要为大家详细介绍了jQuery实现图片高亮显示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • jquery 表格排序、实时搜索表格内容(附图)

    jquery 表格排序、实时搜索表格内容(附图)

    这篇文章主要介绍了jquery如何实现表格排序、实时搜索表格内容,需要的朋友可以参考下
    2014-05-05
  • 使用JQuery实现Ctrl+Enter提交表单的方法

    使用JQuery实现Ctrl+Enter提交表单的方法

    这篇文章主要介绍了使用JQuery实现Ctrl+Enter提交表单的方法,需要的朋友可以参考下
    2015-10-10
  • jQuery asp.net 用json格式返回自定义对象

    jQuery asp.net 用json格式返回自定义对象

    客户端用一个html页面调用一个ashx文件(一般http处理程序),返回 json格式的自定义对象
    2010-04-04
  • jQuery操作cookie的示例代码

    jQuery操作cookie的示例代码

    这篇文章主要介绍了jQuery操作cookie的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)

    ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)

    ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消) ,需要的朋友可以参考下。
    2012-01-01
  • jquery插件实现堆叠式菜单

    jquery插件实现堆叠式菜单

    这篇文章主要介绍了jquery插件实现堆叠式菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • Jquery焦点图实例代码

    Jquery焦点图实例代码

    这篇文章主要介绍了Jquery焦点图实例代码,详细讲述了使用jQuery实现焦点图的详细步骤,代码中备有较为详尽的注释说明,便于大家理解,需要的朋友可以参考下
    2014-11-11
  • jQuery操作属性值方法介绍

    jQuery操作属性值方法介绍

    这篇文章介绍了jQuery操作属性值的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • jquery分页插件pagination使用教程

    jquery分页插件pagination使用教程

    这篇文章主要为大家详细介绍了jquery分页插件pagination的使用教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10

最新评论