<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. ACM_情人节

    情人节 Time Limit: 2000/1000ms (Java/Others) Problem Description: 某发每天都在各大群水啊水,然后认识了很多崇拜他的妹子,毕竟是数学专业.这不 ...

  2. Coursera公开课-Machine_learing：编程作业

    第二周编程作业:Linear Regression 分为单一变量和多变量,假想函数为:hθ(x)=θ0+θ1x1+θ2x2+θ3x3+⋯+θnxn.明显已经包含单一变量的情况,所以完成多变量可以一并解 ...

  3. easyui form.rest和clear 重置表单和清除表单数据区别

    easyui中的一般我们在新增和编辑的时候 都是用一个form表单 那新增的时候 需要重置下表单内容,一般用 $('#EditForm').form('reset'); 大部分时候没问题,但是如果表单 ...

  4. 【转】升级还是权谋？从USB PD 2.0到3.0

    原文出处 http://www.eetop.cn/blog/html/43/n-433743.html 如同iPhone的出现,才让智能机真正主导手机市场一样,Type-C口发布后,USB PD才正式 ...

  5. Java_Web三大框架之Hibernate+jsp+selvect+HQL查询数据

    俗话说:"好记性不如烂笔头".本人学习Hibernate也有一个星期了,对Hibernate也有一个初步的了解.下面对Hibernate显示数据做个笔记,使用租房系统的Hibern ...

  6. nc的简单使用

    1.传输文件: 目的主机监听 nc -l 监听端口<未使用端口>  > 要接收的文件名 nc -l 6666 > filename.tar 源主机发起请求 nc  目的主机ip ...

  7. Ubuntu用户自定义脚本开机启动

    如果想让自己写的脚本随开机自动执行,可以这样做: 编辑文件/etc/init.d/rc.local,在最后添加用户自定义脚本的完整路径即可. 很简单有木有!!

  8. codeforces_725C_字符串

    C. Hidden Word time limit per test 2 seconds memory limit per test 256 megabytes input standard inpu ...

  9. shouldComponentUpdate不能直接比较object

    凡是参阅过react官方英文文档的童鞋大体上都能知道对于一个组件来说,其state的改变(调用this.setState()方法)以及从父组件接受的props发生变化时,会导致组件重渲染,正所谓&qu ...

  10. 解决 i5 6500 安装黑苹果 Sierra 显卡不正常问题

    i5 6500内置HD 530显卡,装好Sierra显卡驱动不太正常. 先下载Clover configurator 用Clover configurator加载 EFI (Mount EFI)分区 ...