设置属性和获取属性

时间：2021-01-20 05:31:23
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置属性和获取属性</title>
    <script src="js/jquery-1.7.1.js"></script>
    <script>
        $(function(){
            alert($('.box').attr('class'));//获取属性值；为box;

            $('.box').attr('title','nihao');//设置属性的属性值；

            $('.box').attr({
               'title':'nihao',
                'class': 'red',//class不建议用attr来创建，后面有更强大的功能；
                'data':'123'  //最后一个不用逗号
            });

            $('.box').attr('title',function(index,value) {//如果原先没有title，那么返回    //undefind;
                                                        // index是索引，从0开始
                return '原来的title是' + value +',现在的title是' + '我是' + index + '号';

            });
            var arr = ['haha','hahahahaha','yaya'];

            $.each(arr, function(index,value) {
                return $('p').text(value);
            });
            $('p').text(function(index,value) {
                return arr[index];
                return value + ' + ' + arr[index % arr.length];
            });
        });

    </script>
</head>
<body>
<div class="box1" title="aaa"><p>hello</p></div>
<div class="box2" title="bbb"><p>world</p></div>
<div class="box1" title="aaa"><p>yu</p></div>
<div class="box2" title="bbb"><p>world</p></div>

</body>
</html>

　　

标签：

相关文章