您的位置：首页 > Web前端 > JQuery

jquery attr()和prop()方法的使用

2016-04-03 21:53 393 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>wrap</title>
<script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></script>
</head>
<body>
<a href="http://www.baidu.com" class="baidu">百度</a>
<a href="http://www.souhu.com" class="souhu">百度</a>
<a href="http://www.xinlang.com" class="xinlng">百度</a>

<script type="text/javascript">

$(document).ready(function () {
var __attr = $("a").attr("href");//获取属性值
console.log(__attr);

$("a").each(function (index, elem) {// index是索引 elem当前元素
//            var num=$(elem).attr("href","www.eshenghuo365.com");//设置属性值
//            var num=$(elem).attr({'href':'www.eshenghuo365.com','title':"e生活"});//设置多个属性值
//        $(elem).attr("href",function(index,value){//动态设置属性 index是索引 value是当前属性值
//            if(value.indexOf('souhu')){
//                $(this).next().css("font-size","100px")
//
//            }
//        });
//       $("a:odd").removeAttr("href"); //删除偶数行的属性
//       $("a:even").removeAttr("href");//删除奇数行的属性
console.log($(elem).prop("className"));
//            console.log(num);

});
});

</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航