文章目录[隐藏]
|
1 2 3 4 5 6 7 8 9 10 11 |
$("#row a img").each(function(index){ alert($(this)); alert(this); } //可以看出来$(this)是jquery对象，而this是DOM对象： alert($(this)); 弹出的结果是[object Object ] alert(this); 弹出来的是[object HTMLImageElement] |
如何获取$(this)子对象？find( )
|
1 2 3 4 5 6 |
$("#row a ").each(function(index){ var imgurl=$(this).find('img').attr('src'); alert(imgurl); } |
*.find(element) 是返回一个用于匹配元素的DOM元素
如何获取元素的属性或赋值？
方法一：
|
1 2 3 4 5 6 7 8 9 10 |
<script type="text/javascript"> $(document).ready(function(){ $("#add").click(function(){ $("div").data("mydata","我是data()方法");//为mydata赋值 }) $("#show").click(function(){ $("div").text($("div").data("mydata"));//获取mydata属性 }) }) </script> |
方法二：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
返回文档中所有图像的src属性值。 # jQuery 代码: $("img").attr("src"); 为所有图像设置src和alt属性。 # jQuery 代码: $("img").attr({ src: "test.jpg", alt: "Test Image" }); 为所有图像设置src属性。 # jQuery 代码: $("img").attr("src","test.jpg"); 把src属性的值设置为title属性的值。 # jQuery 代码: $("img").attr("title", function() { return this.src }); |
浏览量: 7