<1>$().attr()的使用方法

</pre><pre class="html" name="code"><html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="script/jquery-1.11.0.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            //attr用来设置Jquery没有封装的对象属性

            //-----------------------------------------------------------------------------

            $("#btnSubmit").attr("disabled", "true"); //attr用来设置Jquery没有封装的对象属性，由于Jquery没有封装disabled属性，这就是通过attr来将获取到的对象的disabled属性设为true。

            //-----------------------------------------------------------------------------

            //将input的class属性名字设为"inputClass"

            $("input").attr("class", "inputClass"); 

            //-----------------------------------------------------------------------------

            //这里将img的两个属性一并设置了值。就能够用到json格式：{"属性1"：值,"属性2"：值}

            $("img").attr({ "src": "/images/123.jpg", "alt": "123456" });

            // $("img").attr({ "src": "/images/123.jpg", "alt": "美女图片" }); 也能够写成以下的形式

            $("img").attr("src", "/images/123.jpg").attr("alt", "美女图片");

            //-----------------------------------------------------------------------------

            //将a标签的href属性设为"http://www.baidu.com",将它的html()内容设为"百度"

            $("a").attr("href", "http://www.baidu.com").html("百度");

        })

    </script>

</head>

<body>

<input type="button"  value="提交" id="btnSubmit" />

<img/>

<a></a>

</body>

</html>

<2>$().thml()与$().text()的差别

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="http://localhost:41928/Jquery/jquery-1.10.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            //.thml()是在块中加html代码

            $("div").html("<a href='http://www.baidu.com'>百度</a>");

            alert($("div").text());  //输出是是一个百度的超链接

        })

        $(function () {

            //.text()是在块中的文字

            $("div").text("<a href='http://www.baidu.com'>百度</a>");

            alert($("div").text()); //输出的是 【<a href='http://www.baidu.com'>百度</a>】这么一段文字

        })

    </script>

</head>

<body>

<div></div>

</body>

</html>

http://blog.sina.com.cn/s/blog_561be372010008ev.html



随机推荐

  1. ClouderaManager与CDH

    * ClouderaManager与CDH 集群简述 对于企业而言,一般的集群大小规模大概是如下映射关系: 集群大小 小:10~30节点 中:100~300节点 大:1000+节点 对应所需的zook ...

  2. Android Studio 关于build.gradle配置问题

    当导入一个Android Project时,会出现很多版本的问题,导入前先删除 .idea文件 .gradle文件 ,gradle文件(与.gradle区分,导入时Android Studio会提示重 ...

  3. Android 获取android安装apk框的安装状态（如点击取消、返回）

    最近鼓捣android,碰到个问题,因为没有root权限,需要调用Intent安装apk,但需要获取用户是否安装了(如,用户点击了返回或取消),查了很多文章,最后可以解决,但有瑕疵,解决方法如下: p ...

  4. 您厉害您赚得多：聪明投资者的聊天记录，雪球CEO的21条投资理念

    3星|<您厉害您赚得多>:雪球创始人的投资理念.原则.技巧,及其在雪球上跟一些用户的互动的内容 作者是雪球创始人.CEO,全书基本是作者的一些投资理念+作者在雪球上跟用户的互动的内容,还有 ...

  5. C# call Win32 api时，-1如何转换为DWORD

    当使用(uint)-1时,编译器会给出警告:常量-1无法转换为uint,使用unchecked语句重写.DWORD在转换为C#类型时为uint,既然无法使用uint强制转型(-1),那就需要其他办法了 ...

  6. ( 转）Hibernate常用API

    http://blog.csdn.net/yerenyuan_pku/article/details/65103203 可在度娘上摘抄如下文字: Hibernate的核心类和接口一共有6个,分别为:S ...

  7. js 不能用关键字 delete 做函数名

    把delete更改为mydelete正常.

  8. 使用CSS3实现表格隔行/隔列变色

    <!DOCTYPE html><html><head> <meta charset="utf-8" /> <title> ...

  9. chrony配置介绍

    rhel7 文档https://access.redhat.com/documentation/en-US/Red_Hat_Enterprise_Linux/7/html/System_Adminis ...

  10. 开发LED屏幕页面遇到的问题

    上上个礼拜公司的展销会活动需要一个展示在LED大屏幕的页面,顶部显示平台交易总金额,左右两边分别是厂家和买家实时交易记录,具体页面长下面这个样子 需求评审的时候产品说顶部的总金额要有一个数字滚动或者翻 ...