码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-属性

时间:2017-02-23 22:46:07      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:stat   设置   doc   remove   charset   logs   xxx   span   type   

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>xxx</title>    
<script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

<script>
$(document).ready(function(){
    $("#but1").click(function(){
        $("img").attr({ src: "1.jpg"});
    });//设置或返回被选元素的属性值。
    $("#but2").click(function(){
        $("img").attr("src","2.jpg");
    });//设置被选元素的属性值。
    $("#but3").click(function(){
        $("img").removeAttr("src");
    });//将所选元素的属性删除


});

$(document).ready(function(){
    $("button").click(function(){
        var x = $("div");
        x.prop("color","FF0000");//方法设置或返回被选元素的属性和值。
        x.append("color 属性值为: " +x.prop("color"));//
        x.removeProp("color");//删除
        x.append("<br>现在 color 属性值为: " + x.prop("color"));
    });
});








</script>
        <input id="but1" type="button" value="配张图">
        <input id="but2" type="button" value="换张图">
        <input id="but3" type="button" value="删图">
        <img>
        <br />
        <button>添加和删除属性</button>
        <br />
        <div></div>
        
</body>
</html>

 

jQuery-属性

标签:stat   设置   doc   remove   charset   logs   xxx   span   type   

原文地址:http://www.cnblogs.com/yjh1604600160/p/x11.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!