zoukankan      html  css  js  c++  java
  • 夺命雷公狗jquery---11属性操作

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            
            <script src="js/jquery.js"></script>
            <script>
                window.onload = function(){
                    $('#btnok')[0].onclick= function(){
                        //1.获取img标签的src属性
                        //alert($('img').attr('src'));
    
                        //2.设置属性的值
                        //$('img').attr('src','images/2.jpg');
    
                    /*    
                        //3.同时为img设置多个属性
                        var data = {
                            src:'images/1.jpg',
                            '150px',
                            height:'190px'
                        };
                        $('img').attr(data);
                    */
    
                        //4.通过函数的返回值设置元素属性
                    /*    $('img').attr('src',function(){
                            //return 'images/'+随机数+'.jpf';
                            return 'images/'+Math.ceil(Math.random()*54)+'.jpg';
                        });
                    */
    
    
                        //5.移除元素的属性
                        $('img').removeAttr('src');
    
                    }
                }
            </script>
        </head>
        <body>
            <input type="button" id="btnok" value="属性操作" />
            <hr />
            <img src="images/1.jpg" />
            <ul>
                <ol></ol>
            </ul>
        </body>
    </html>
    
    <?php
        header("Content-Type:text/html;charset=utf-8");
  • 相关阅读:
    005 HTML+CSS(Class027
    004 HTML+CSS(Class024
    003 HTML+CSS(Class011
    002HTML+CSS(class007-010)
    001HTML+CSS(class001-006)
    021 vue路由vue-router
    020 Vue 脚手架CLI的使用
    019 Vue webpack的使用
    018 vue的watch属性
    017 vue的插槽的使用
  • 原文地址:https://www.cnblogs.com/leigood/p/4908347.html
Copyright © 2011-2022 走看看