• $().attr()的使用方法 && $().html()与$().text()的差别


    <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

    
  • 相关阅读:
    是什么造成了数据库的卡顿
    机器学习笔记(六) ---- 支持向量机(SVM)
    机器学习笔记(五)---- 决策树
    了解 MongoDB 看这一篇就够了【华为云分享】
    王晶:华为云OCR文字识别服务技术实践、底层框架及应用场景 | AI ProCon 2019
    【HUAWEI Mate30】抽奖啦!华为IoT新福利上线!
    高性能Web动画和渲染原理系列(2)——渲染管线和CPU渲染
    【华为云社区】悟一下动态规划
    理解递归与动态规划
    Laravel 文件上传失败的问题 error 7
  • 原文地址:https://www.cnblogs.com/claireyuancy/p/6881542.html
Copyright © 2020-2023  润新知