白学的小知识[属性操作.节点遍历操作.CSS-DOM操作]

最新推荐文章于 2024-06-13 21:20:19 发布

Chen-HaHa

最新推荐文章于 2024-06-13 21:20:19 发布

阅读量247

点赞数 2

文章标签： css javascript 前端

本文链接：https://blog.csdn.net/c_made_c/article/details/137748689

版权

属性操作：

attr() 用来获取与设置元素属性。

$newNode4.attr("alt");//获取alt属性值
//或
$("img").attr({width:"50px",height:"100px"});//设置width、height属性的值
$("img[id=myimg]").attr("src","img/4.png");

removeAttr()用来删除元素的属性。

$newNode2.removeAttr("title");//删除元素的title属性

例：

$(document).ready(function(){
var $newNode4=$("<img src='images/kona.GIF' width='150' height='200'
alt='名侦探柯南画报' /> ");
$newNode4.prependTo($("ul"));
//获取与设置属性
alert($($newNode4).attr("alt"));
$("img").attr({width:"50",heihgt:"100"});
var $newNode2=$("<li title='标题为千与千寻'>千与千寻</li>");
$("ul").append($newNode2);
$($newNode2).removeAttr("title");//删除属性
});

节点遍历操作:

1、遍历子元素: children() 方法可以用来获取元素的所有子元素，注意不是 jquery 对象。

$("body").children();//获取<body>元素的子元素，但不包含子元素的子元素

children([expr])
expr 用以过滤子元素的表达式
$("div").children(".selected")//在每个div中查找 .selected 的类。

2、遍历同辈元素：jQuery可以获取紧邻其后、紧邻其前和位于该元素前与后的所有同辈元素。

next([expr])	用于获取紧邻匹配元素之后的元素。
prev([rxpr])	用于获取紧邻匹配元素之前的元素。
slibings([expr])	用于获取位于匹配元素前面和后面的所以同辈元素。

3、遍历前辈元素：parent()：获取元素的父级元素.parents([选择器])：获取元素的祖先元素，可以加选择器进行筛选。

CSS-DOM操作：

offset()返回的对象包含两个整型属性：top 和 left。

语法	功能
css()	设置或返回匹配元素的样式属性。
height([value])	设置或返回匹配元素的高度。
width([value])	设置或返回匹配元素的宽度。
offset([value])	返回以像素为单位的top和left坐标。此方法仅对可见元素有效。

$("#d1").css("background-color","#00F");
$("#d1").height("300");
$("#d1").width("400");
$("#d1").offset({top:"50",left:"100"});
alert($("img").offset().left);

Chen-HaHa

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
白学的小知识[属性操作.节点遍历操作.CSS-DOM操作]

2、遍历同辈元素：jQuery可以获取紧邻其后、紧邻其前和位于该元素前与后的所有同辈元素。3、遍历前辈元素：parent()：获取元素的父级元素.parents([：获取元素的祖先元素，可以加选择器进行筛选。方法可以用来获取元素的所有子元素，注意不是。
复制链接

扫一扫