<!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. 关于easyUI的一些js方法

    1. $("#dg").datagrid("load",{ "userName":$("#s_userName").va ...

  2. Linux chown命令详解

    chown将指定文件的拥有者改为指定的用户或组,用户可以是用户名或者用户ID:组可以是组名或者组ID:文件是以空格分开的要改变权限的文件列表,支持通配符. chown常见命令参数 Usage: cho ...

  3. redis几种数据类型以及使用场景

    1. string类型 string为最简单类型,一个key对应一个value set mykey "wangzai" ##设置key,第二次赋值会直接覆盖之前的 setnx my ...

  4. fountion 的调用 和 打印返回值 + 占位符

    结果: (2) 结果

  5. 【3】python中如何生成随机数的几个例子

    #__author:"吉勇佳" #date: 2018/10/14 0014 #function: import math import random # 向上取整 print(m ...

  6. DevExpress01、独立使用的控件

    XtraEditors 库提供了只能独立使用的控件,也就是说不能在容器控件的内置编辑中使用它们. 这些控件包括: 几种类型的列表框.数据导航控件.滚动条和一个按钮控件. 这些控件都是 BaseStyl ...

  7. .Net开发八年，坐标杭州，上个月换工作感觉现在.Net岗位很少，希望和同在杭州的同行们交流一下

    .Net开发八年,坐标杭州,中间做过2年Java, 目前新入职一家做防伪溯源的中型公司,200人左右, 之前在一家500人规模的软件公司工作过4年,后面2年工作过3家互联网创业公司, 上个月换工作感觉 ...

  8. 关于markdown格式的测试..

    标题 标题一 这是? 标题二 标题三 标题四 区块 1.这是一个列表项目 还是吗? 嵌套了? 空格了? 区块加列表 标题加二级列表 嘿嘿 无序列表 RED GREEN BLUE 有序列表 dog ca ...

  9. springmvc细节篇

    前面讲了入门篇,现在来了解下springmvc的细节.mvc框架都有请求映射.数据绑定.请求处理.视图解析这几个过程,现在我们来了解springmvc中的这些细节. 1.使用@RequestMappi ...

  10. 【转】 Class.forName()用法及与new区别 详解

    平时开发中我们经常会发现:用到Class.forName()方法.为什么要用呢? 下面分析一下: 主要功能Class.forName(xxx.xx.xx)返回的是一个类Class.forName(xx ...