<!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. [TSQL|SQLSERVER|MSSQL数据库] 将数据库文件与日志附加到数据库引擎，以及转移数据库文件位置

    附加: USE [master] GO CREATE DATABASE [database_name] ON ( FILENAME = N'C:\Data\<database name>. ...

  2. 使用Percona MySQL 5.7版本遇到的坑

    监控DB由于使用的TokuDB引擎,因此选择使用Percona MySQL 5.7版本,在使用过程中遇到了比较多的坑,在这里做一下简单的记录,希望对广大DBA有帮助. load文件飙升导致的DB雪崩 ...

  3. [book] iOS 8 Swift Programming Cookbook

    iOS 8 Swift Programming Cookbook 资源地址 http://pan.baidu.com/s/1c0hn1Gc 书籍介绍 源码截图 书籍截图

  4. 使用CAReplicatorLayer [2]

    使用CAReplicatorLayer [2] 工具类 // // Math.h // MathEquation // // Created by YouXianMing on 15/11/20. / ...

  5. 铁乐学python26_hashlib+configparser+logging模块

    大部份内容摘自博客http://www.cnblogs.com/Eva-J/ hashlib模块算法介绍 Python的hashlib提供了常见的摘要算法,如MD5,SHA1等等. 什么是摘要算法呢? ...

  6. 关于第一场HBCTF的Web题小分享，当作自身的笔记

    昨天晚上6点开始的HBCTF,虽然是针对小白的,但有些题目确实不简单. 昨天女朋友又让我帮她装DOTA2(女票是一个不怎么用电脑的),然后又有一个小白问我题目,我也很热情的告诉她了,哎,真耗不起. 言 ...

  7. Js 运算符(加减乘除)

    1.加法 + +NaN //NaN,有一个为NaN就为NaN var box=Infinity+Infinity //Infinity var box=-Infinity + -Infinity // ...

  8. [转] JavaScript生成GUID的算法

    原文地址: http://www.cnblogs.com/snandy/p/3261754.html 全局唯一标识符（GUID，Globally Unique Identifier）也称作 UUID( ...

  9. vue-cli项目打包优化(webpack3.0)

    1.修改source-map配置:此配置能大大减少打包后文件体积. a.首先修改 /config/index.js 文件: // /config/index.js dev环境:devtool: 'ev ...

  10. 基于easyui开发Web版Activiti流程定制器详解（五）——Draw2d详解（一）

    背景: 小弟工作已有十年有余,期间接触了不少工作流产品,个人比较喜欢的还是JBPM,因为出自名门Jboss所以备受推崇,但是现在JBPM版本已经与自己当年使用的版本(3.X)大相径庭,想升级也不太容易 ...