首页 > 其他 > 详细

设置属性和获取属性

时间:2015-10-31 00:21:36      阅读:273      评论:0      收藏:0      [点我收藏+]
<!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>

  

设置属性和获取属性

原文:http://www.cnblogs.com/shenq/p/4924681.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!