<!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. statsmodels中的summary解读(以linear regression模型为例)

    https://datatofish.com/statsmodels-linear-regression/ https://blog.datarobot.com/ordinary-least-squa ...

  2. Azure 镜像市场虚拟机映像制作指南

    本指南为 Azure 镜像市场(以下简称 Azure 镜像市场)独立软件供应商介绍制作虚拟机映像并上传到Azure的主要过程. 制作虚拟机映像有两种方式.一种是直接在Azure上申请相应的操作系统虚拟 ...

  3. Windows Pre-commit hook for comment length Subversion

    @echo off :: Stops commits that have empty log messages. @echo off setlocal rem Subversion sends thr ...

  4. SDWebImage动画加载图片

    SDWebImage动画加载图片 效果 源码 https://github.com/YouXianMing/Animations // // PictureCell.m // SDWebImageLo ...

  5. 一、动态网络编程的概念 二、Tomcat服务器搭建 三、Servlet组件介绍

    一.动态网络编程的概念 动态网页:结合了HTML以外的高级程序编程语言和数据库技术生成的页面. 动态网页编程技术: ASP,PHP,JSP HTTP协议:规范浏览器和服务器之间通信的数据格式. 浏览器 ...

  6. JavaScript数组方法的兼容性写法 汇总：indexOf()、forEach()、map()、filter()、some()、every()

    ECMA Script5中数组方法如indexOf().forEach().map().filter().some()并不支持IE6-8,但是国内依然有一大部分用户使用IE6-8,而以上数组方法又确实 ...

  7. DevExpress01：Bar Manager，bar 、Toolbars

    Bar Manager : 不可见的控件 如果想在窗体或用户控件添加工具条或弹出菜单,我们需要把一个不可见的控件 BarManager拖放到这个窗体或用户控件上. 这个BarManager控件维护工具 ...

  8. 跟我一起阅读Java源代码之HashMap（三）

    上一节我们讲到了如何用散列和链表实现HashMap,其中有一个疑问今天已经有些答案了,为什么要用链表而不是数组 链表的作用有如下两点好处 1. remove操作时效率高,只维护指针的变化即可,无需进行 ...

  9. java一个字符串中出现次数最多的字符以及次数

    学习了别人的方法,觉得挺巧妙的.就是每次取出字符串的第一个字符,将字符串中与第一个字符相同的字符全部删除掉,然后通过计算删除前后字符串的长度来确定该字符在字符串中出现的次数,最终比较出出现最多次的字符 ...

  10. 【转】 java中Class对象详解和类名.class, class.forName(), getClass()区别

    Class对象的生成方式如下: 1.类名.class           说明: JVM将使用类装载器, 将类装入内存(前提是:类还没有装入内存),不做类的初始化工作.返回Class的对象 2.Cla ...