<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. PHP网站 通过js方式判断是否是手机访问，若是 跳转到手机版网址！

    <script type="text/javascript" src="http://i3.dukuai.com/ui/js/jquery-1.32pack.js& ...

  2. Mysql(Innodb)如何避免幻读

    Mysql(Innodb)如何避免幻读 有意思 MySQL InnoDB支持三种行锁定方式: 行锁(Record Lock):锁直接加在索引记录上面,锁住的是key. 间隙锁(Gap Lock):锁定 ...

  3. Android项目实战_手机安全卫士home界面

    # 安全卫士主页面# ###1.GridView控件 1.与ListView的使用方式差不多,也要使用数据适配器,通过设置android:numColumns控制显示几列 2.通过指定android: ...

  4. 【MySQL】二进制分发安装

    操作系统:Red Hat Enterprise Linux Server release 6.5 Mysql安装包:mysql-5.6.34-linux-glibc2.5-x86_64.tar.gz ...

  5. json 新用

    如果使用struts2的action,可以省去属性赋值的工夫. 但是假如你没有使用struts2,而且使用的是ajax请求,通过json来传递参数.那我下面所说的对你可能是一个很好的解脱,从此告别re ...

  6. VS2013支持多字节

    使用插件 下载地址:https://www.microsoft.com/zh-cn/search/DownloadResults.aspx?rf=sp&q=mbcs

  7. Gpupdate命令详解

    刷新本地和基于 Active Directory 的组策略设置,包括安全设置.该命令可以取代 secedit 命令中已经过时的 /refreshpolicy 选项. MS-DOS命令语法 gpupda ...

  8. 04 学习java养成良好的写作习惯

    1, 驼峰命名法 首字母大写 2, 写的时候大小中括号都补全,不忘记分号 不要都放在一行上 3, 缩进对其,tab键 4, 严格要求自己,养成良好的写作风格 5, javadoc可以将文档注释,直接生 ...

  9. python tkinter模块 创建窗口V1.2

    先上图 代码如下 #-*-coding:utf-8-*- import os from tkinter import * root=Tk() root.title('执行窗口') "&quo ...

  10. LeetCode--寻找数组中心索引

    给定一个整数类型的数组 nums,请编写一个能够返回数组“中心索引”的方法. 我们是这样定义数组中心索引的:数组中心索引的左侧所有元素相加的和等于右侧所有元素相加的和. 如果数组不存在中心索引,那么我 ...