bob体育官方平台
jQuery-Attributes(属性卡塔尔(قطر‎的接纳(少年老成、属性篇卡塔尔

jQuery-Attributes 本系列文章主要讲述jQuery框架的属性使用方法,我将以实例方式进行讲述,以简单,全面为基础,不会涉及很深,文章分为:属性篇、类篇、Html代码篇&文本篇、值篇共4篇文章。 本篇讲解:attr,attr,attr,attr,removeAttr的用法。 您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com 您可以到jQuery官网来学习更多的有关jQuery知识。 版权所有:code-cat 博客: 转载请保留原作者、出处和版权信息! 在IE6/7/8、火狐下测试过了,效果都行实现。 1. attr用法 定义:取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。 返回值:Object 参数:name : 属性名称 实例:将ID为"div_a1"的DIV中第一张图片的路径、ID、Name、宽度、Alt、Value属性的值输出到ID为'div_a1_1'的DIV中。 代码: $.append('图片数量:$获取到'+$+'张图片
'); $.append('第一张图片路径:'+$.attr; $.append('第一张图片ID:'+$.attr; $.append('第一张图片Name:'+$.attr; $.append('第一张图片框宽度:'+$.attr; $.append('第一张图片框alt:'+$.attr; $.append('第一个图片框Value值:'+$.attr+'
'); //点击按钮一看效果 DIV ID="div_a1" 你可以试着将上面那个文本框的属性值输出 注意:选择器$获取到了2张图片,而att只得到第一张图片的属性值。img元素没有value属性,所以最后输出'undefined'。

  1. attr(name)用法
    定义:取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。
    返回值:Object
    参数:name (String) : 属性名称
    实例:将ID为"div_a1"的DIV中第一张图片的路径、ID、Name、宽度、Alt、Value属性的值输出到ID为'div_a1_1'的DIV中。
    代码:
    $("#div_a1_1").append('<span style="color:Red;"><strong>图片数量:$("#div_a1 img")获取到'+$("#div_a1 img").size()+'张图片</strong></span><br />');
    $("#div_a1_1").append('第一张图片路径:'+$("#div_a1 img").attr("src")+'<br />');
    $("#div_a1_1").append('第一张图片ID:'+$("#div_a1 img").attr("id")+'<br />');
    $("#div_a1_1").append('第一张图片Name:'+$("#div_a1 img").attr("name")+'<br />');
    $("#div_a1_1").append('第一张图片框宽度:'+$("#div_a1 img").attr("width")+'<br />');
    $("#div_a1_1").append('第一张图片框alt:'+$("#div_a1 img").attr("alt")+'<br />');
    $("#div_a1_1").append('<span style="color:Red;"><strong>第一个图片框Value值:'+$("#div_a1 img").attr("Value")+'</strong></span><br />'); //点击按钮一看效果
    DIV ID="div_a1"
    图片 1 图片 2
    id="div_a1_1"

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 完整代码打包下载

 

jQuery-Attributes-1

你可以试着将上面那个文本框的属性值输出 注意:选择器$("#div_a1 img")获取到了2张图片,而att(name)只得到第一张图片的属性值。img元素没有value属性,所以最后输出'undefined'。

返回顶部