Web前端基础(16)jQuery操作HTML属性和元素
·
大约 400 个字
·
预计 2
分钟 读完
属性操作
在jQuery中,用attr()方法来获取和设置元素的属性,用removeAttr()方法来删除元素属性。
attr()方法使用示例
1
2
3
4
5
6
7
| var $para = $("p");
//获取
var p_text = $para.attr("title");
//设置
$para.attr("title", "dp2px");
//可以一次修改多个属性
$para.attr({"title":"dp2px", "name":"地痞兔劈叉"});
|
removeAttr()方法使用示例
1
| $("p").removeAttr("title");
|
样式操作
1
| <p class="myclass" title="dp2px">地痞兔劈叉</p>
|
上面代码中,class其实也是p元素的一个属性,因此可以用attr()方法获得和设置class的内容。jQuery提供了一个addClass()方法来追加class值。提供了removeClass()来移除class值。
1
2
| $("p").addClass("another");
$("p").removeClass("another");
|
jQuery中还提供了一个toggleClass()方法来实现单机切换(添加和删除)操作
另外判断是否有某个class值用方法hasClass()来判断。
阅读更多