美文网首页
jquery 添加删除标签属性

jquery 添加删除标签属性

作者: 简约美 | 来源:发表于2016-08-05 17:04 被阅读81次

html中代码:

<div id="descId" style="min-height: 0px; padding: 1%;">
   ![](https://img.alicdn.com/imgextra/i3/351825/TB2KfVGtXXXXXcEXXXXXXXXXXXX_!!351825.jpg)
   ![](https://img.alicdn.com/imgextra/i1/351825/TB2m4hOtXXXXXbQXXXXXXXXXXXX_!!351825.jpg)
</div>
取出所有的img标签

其实很简单,但是由于刚刚接触,还没深入,所有在这里总结一下,全部记下来:

// 根据id,获取所有img标签,得到的是img标签数组
var imgs = $("#descId img");

// 原声js获取方法:
// var imgs = document.getElementById("descId").getElementsByTagName("img");
取出所有的img标签,将width和height属性移除
for(var i = 0; i < imgs.length; i++) {
    $("img").removeAttr("width");
    $("img").removeAttr("height");
}

既然我们将属性移除了,总要再添加一点别的属性,则添加属性的代码如下:

$(".img").attr("alt", "咖啡");

注:这里的$(".img")是获取的class="img"的标签, 则修改完之后,当前的img就会变为:

![咖啡](https://img.alicdn.com/imgextra/i3/351825/TB2KfVGtXXXXXcEXXXXXXXXXXXX_!!351825.jpg)

相关文章

  • jquery 添加删除标签属性

    html中代码: 取出所有的img标签 其实很简单,但是由于刚刚接触,还没深入,所有在这里总结一下,全部记下来: ...

  • Bom 对象和Dom树

    通过获取设备信息来进行跳转页面 添加标签 删除标签 修改标签的属性和class jquery 实现显示或隐藏

  • jQuery常用方法

    1,查找标签的父标签:$(this).parent(),返回jQuery对象2,添加style属性:$(this)...

  • day9-jQuery

    十七.什么是jQuery 十八.jQuery属性操作和样式 十九.jQuery的动态添加和删除 20.Ajax

  • jQuery给标签添加自定义属性

    jQuery除了给标签添加自身属性外还可以添加自定义属性。下面代码包含了添加和获取自定义属性。添加的属性值有数字,...

  • 163-jQuery

    jQuery属性操作 1.属性与属性节点 属性:对象身上所保存的变量即为属性 属性节点: HTML标签中添加的属性...

  • jquery怎么移除标签onclick属性?

    jquery怎么移除标签onclick属性? 获得a标签的onclick属性: $("a").attr("oncl...

  • 四、jQuery属性操作

    什么是属性?什么是属性节点?jQuery添加和移除属性节点jQuery操作css类jQuery操作文本值 1. 什...

  • html小结

    关于标签title属性 鼠标悬浮时提示文字 关于事件的添加.bind()与删除.unbind() $(select...

  • Day23——jQuery

    一、导入jQuery 二、节点操作 1. 获取节点 2. 创建节点 3. 添加节点 4. 删除节点 三、属性操作 ...

网友评论

      本文标题:jquery 添加删除标签属性

      本文链接:https://www.haomeiwen.com/subject/evohsttx.html