jq-attr

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://js.40017.cn/touch/cn/public/jquery-1.8.3.min.js"></script>
</head>
<body>
<a target="_blank" href="http://www.baidu.com">百度</a>
<a target="_blank" href="http://www.google.com">谷歌</a>

<img src="images/btnBg.png" alt=""/>
<img src="images/redpacket.gif" alt=""/>
</body>
<script>
//a
console.log($("a").attr("href")); //只能返回第一个a的href

$("a").attr("zytest","zytest"); //设置的时候设置的是所有的

alert(1);

console.log(111)

$("a").removeAttr("zytest"); //删除的时候也是删除的所有的

//img
console.log($("img").attr("src")); //只能返回第一个img的href

var obj={src:"images/main.jpg",alt:"main",zytest:"zytest"};

$("img").attr(obj);//设置的时候设置的是所有的 attr方法传入字面量对象的时候,可以加引号,也可以不加

$("img").attr("title", function() { return this.src })


//JS声明对象时属性名加引号与不加引号的区别
var obj1={name:'周燕','age':24 }
console.log(obj1.name+":"+obj1.age);
console.log(obj1['name']+":"+obj1["age"]);

var obj2={ "22name":"周燕"} //变量名特殊的时候,一定要加引号,否则会报错
console.log(obj2['22name']);//变量名特殊的时候,一定要加引号,否则会报错




</script>
</html>
posted @ 2015-02-15 10:03  zhouyan_jsj  Views(314)  Comments(0Edit  收藏  举报