<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>属性访问与设置</title>

            <script src="js/jquery.js"></script>

        <style>

        .astyle{ border: 1px solid red;}

        </style>

        <script type="text/javascript">

            //页面加载完成简写形式

            $(function(){

                //设置baidu超链接地址,attr()函数的用意是设置或获取指定属性的内容

                //attr()函数不是javascript自带函数，而是由jQuery进行扩展的函数

                //使用attr函数设置属性值的时候需要两个参数:参数名,参数值

                $("#abaidu").attr("href","http://www.baidu.com");

                //设置img的 图片为1.jpg ，宽度300px  ,提示信息:图片

                $("#img1").attr("src","img/1.jpg");

                $("#img1").attr("alt","图片");

                $("#img1").attr("width","300px");

                //简化多次赋值，多次复值 时候参数为json对象

                $("#img2").attr({"src":"img/2.jpg","width":"","alt":"图2"});

                //取得第二张图片的名称

                var r = $("img:eq(1)").attr("src");

                alert(r);

                //为全部checkbox设置为选中状态

                //$("input[type='checkbox']").attr("checked","checked");

                //将第一个和第四个checkbox设置红色边框 使用组合选择器

                $("input[type='checkbox']:eq(0),input[type='checkbox']:eq(3)").attr("checked","checked");

            })

        </script>

    </head>

    <body>

    <div>

        <a href="#" id="abaidu">baidu</a>

        <a href="#">sina</a>

        <a href="#"></a>

        <a href="#">taobao</a>

        <a href="#">tianya</a>

        <br>

        <img id="img1" />图1

        <img id="img2" />图2

        <input type="checkbox" name="letter" value="A" />A

         <input type="checkbox" name="letter" value="B" />B

         <input type="checkbox" name="letter" value="C" />C

         <input type="checkbox" name="letter" value="D" />D

        <input type="checkbox" name="letter" value="E" />E                                                        

    </div>

    </body>

</html>

jQuery学习- 获取与设置属性的函数的更多相关文章

  1. javascript学习之路之元素获取和设置属性

    收拾心情,学习学习js!总结下自己的学习所得! 现有的有三种方法可以获取元素的节点,分别是通过元素ID,通过标签名和类名来获取的 1.GetElmentById:将返回一个与那个有给定ID属性的值的元 ...

  2. jQuery学习之------对标签属性的操作

    jQuery学习之------标签的属性 <a href=””>链接</a>此处的href就是该a标签带有的属性 在js中对标签的属性的操作方法有 1.1getAttribut ...

  3. js进阶 11-6 jquery如何获取和设置元素的宽高（jquery多方法）

    js进阶 11-6  jquery如何获取和设置元素的宽高(jquery多方法) 一.总结 一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. ...

  4. WPF 学习笔记－设置属性使窗口不可改变大小

    原文:WPF 学习笔记-设置属性使窗口不可改变大小 调整Windows下的ResizeMode属性: ResizeMode = NoResize Resize属性是控制Windows是否可以改变大小, ...

  5. JavaScript设置获取和设置属性的方法

    这篇文章主要介绍了JavaScript设置获取和设置属性的方法,学会使用getAttribute.setAttribute的用法,需要的朋友可以参考下   getAttribute 该方法用来获取元素 ...

  6. js获取和设置属性的方法

    function square(num){    var total = num*num;//局部变量    return total;}var total = 50;//全局变量var number ...

  7. JavaScript（19）jQuery HTML 获取和设置内容和属性

    jQuery HTML jQuery 拥有可操作 HTML 元素和属性的强慷慨法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力.jQuery 提供一系列与 D ...

  8. jQuery -&gt; 获取／设置／删除DOM元素的属性

    jQuery的属性操作很easy,以下以一个a元素来说明属性的获取/设置/删除操作 <body> <a>jquery.com</a> </body> 加 ...

  9. 第二十二篇 jQuery 学习4 内容和属性

    jQuery 内容和属性   这节课,我们学习使用jQuery来控制元素的内容.值和属性.   html() 控制所选元素的内容(包括HTML标记): text() 控制所选元素的内容: val() ...

随机推荐

  1. linux 局域网探测工具nmap

    NMap,也就是Network Mapper,是Linux下的网络扫描和嗅探工 具包,其基本功能有三个, 一是探测一组主机是否在线: 其次是扫描主机端口,嗅探所提供的网络服务: 还可以推断主机所用的操 ...

  2. MySQL binlog格式解析

    MySQL binlog格式解析   binlog想必大家都不陌生,在主从复制或者某些情况下的数据恢复会用到.由于binlog是二进制数据,要查看一般都借助mysqlbinlog工具.这篇笔记分析了b ...

  3. Elasticsearch安装记录

    一 安装部分 1.新建用户 elasticsearch不能使用root身份执行 adduser esuser passwd esuser 2.赋予权限 切换到root chown -R esuser ...

  4. 函数的应用 "注册" and "登录"

    登录 自己写 # 注册 registdef regist(): f = open("account", mode="r+", encoding="ut ...

  5. python3 80行代码实现贪吃蛇

    上面是实现的截图,废话不说,直接开始说一下代码 pos = { 'UP': (-1,0), 'DOWN':(+1,0), 'LEFT':(0,-1), 'RIGHT':(0,+1), } curren ...

  6. Junit之测试顺序---FixMethodOrder

    参考:http://www.cnblogs.com/lukehuang/archive/2013/08/27.html Brief Junit 4.11里增加了指定测试方法执行顺序的特性 测试类的执行 ...

  7. Uva10048 Audiophobia （Floyd）

    题意:有一个无向带权图,求出两点之间路径的最大边权值最小能为多少. 思路:使用floyd算法跑一边以备查询,每一次跑的过程中dp[i][j]=min(dp[i][j],max(dp[i][k],dp[ ...

  8. AOP的本质

    AOP的本质是HOOK: HOOK的本质是:新函数包含原函数或新函数替换原函数: 需要解决的问题: 1.新函数的生成: 2.新函数的调用机制: 3.原函数的调用机制: 新函数的生成: 1.将已有的动态 ...

  9. 【洛谷】【动态规划(二维)】P1508 Likecloud-吃、吃、吃

    [题目描述:] 正处在某一特定时期之中的李大水牛由于消化系统比较发达,最近一直处在饥饿的状态中.某日上课,正当他饿得头昏眼花之时,眼前突然闪现出了一个n*m(n and m<=200)的矩型的巨 ...

  10. 【洛谷】【二分答案+贪心】P1316 丢瓶盖

    [题目描述:] 陶陶是个贪玩的孩子,他在地上丢了A个瓶盖,为了简化问题,我们可以当作这A个瓶盖丢在一条直线上,现在他想从这些瓶盖里找出B个,使得距离最近的2个距离最大,他想知道,最大可以到多少呢? [ ...