<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. Android内存管理（8）Dalvik，ART和 .dex 是什么*

    什么是Dalvik: Dalvik是Google公司自己设计用于Android平台的Java虚拟机.Dalvik虚拟机是Google等厂商合作开发的Android移动设备平台的核心组成部分之一. Da ...

  2. Java系列学习(十四)-集合

    1.java中的集合学习 2.Collection中常用方法 1.添加功能 boolean add(E e):添加一个元素 boolean addAll(Collection<? extends ...

  3. iOS- Size Class使用教程

    1:它引入了一种新的概念,抛弃传统意义上我们适配时所谓的具体宽高尺寸,把屏幕的宽和高分别分成两种情况:Compact-紧凑, Regular-正常(Any-任意,其实就是这2种的组合,所以我没分成3种 ...

  4. HDU_1027_Ignatius and the Princess II_全排列

    Ignatius and the Princess II Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K ( ...

  5. CDR软件-CorelDRAW软件下载，618活动

    618我有诚意,你呢? 不花钱的618,是残缺的618 给自己一个放肆shopping的机遇 活动力度不够大? 继续升级,终极体验 618疯狂倒计时! 同志们,如果你错过了之前的抢先购和升级活动 那么 ...

  6. PAT-day1

    1001 害死人不偿命的(3n+1)猜想 (15 分)   卡拉兹(Callatz)猜想: 对任何一个正整数 n,如果它是偶数,那么把它砍掉一半:如果它是奇数,那么把 ( 3n+1)砍掉一半.这样一直 ...

  7. 用shell编写dhcp自动获取脚本

    #!/bin/bash#net=$(ifconfig ens33 | awk -F'[ .]+' '/inet\>/{print $3"."$4"."$5 ...

  8. @Override注解

    @Override注解对于代码可读性的提升十分巨大 而且良好的可读性是一个优秀程序员必备的基础素养

  9. python文件头的含义

    一.指定解释器及其路径 在Linux\Mac上,可以用./文件路径直接运行.py文件 这时,需要在python文件开头指定解释器及其路径 #!/usr/bin/python 这样系统就直接按pytho ...

  10. 渗透实战（周六）：Hydra&Metasploit暴力破解SSH登录口令

    一. SSH服务开启前基础配置 1.1 修改配置文件