jquery知识点总结二

标签：

*清空元素*

$(‘ul‘).empty()

*复制节点*

$li.clone().appendTo("ul");

替换节点

$li.replaceWith("<li>哈哈</li>");---替换某个节点
("<li>哈哈</li>"). replaceAll($li);

----------

*追加CSS样式*

**addClass()---注意点attr("class名称") 和addClass()的区别
删除CSS样式
removeClass()**

*判断是否含有class*

$(‘p‘).hasClass(‘high‘)

*切换class样式*

$(‘p‘).click(function(){
$(‘p‘).toggleClass("test")
})

*children()*

用于取得匹配元素的子元素的集合

var $ul=$(‘ul‘).children();
alert($ul.length)

*next()*

用于获得匹配元素后边紧紧跟随的元素

alert($(‘ul li:eq(0)‘).next().text())

*prev()*

用于获得匹配元素前边的元素

alert($(‘ul li:eq(1)‘).prev().text())

*siblings()*

获得相邻左右同辈元素的结合

alert($(‘ul li:eq(1)‘).siblings().text())

----------

*css-dom操作*

alert($("p").css("color"))很简单的操作，和属性操作一模一样

*修改*

$("p").css("color","blue")---和attr操作一模一样

也可以一次性修改多个属性，中间用逗号隔开就可以了

**注意：**

$("p").height(100)---设置元素的高度默认是px 不过现在用的最多的是em这个单位

alert($("p").height())

**这里有两个非常重要的东西**
**offset()--获得元素在当前视窗的相对偏移**

**position()--获得元素的position属性**

**scollTop()--获得滚动条距离页面顶端的距离**

----------

**更多操作查看API**

jquery知识点总结二

标签：

原文地址：http://www.cnblogs.com/rengpiaomiao/p/4696838.html