jquery深入学习

样式操作：

addclass();  //指定添加css类

removeclass();//移除指定css类

hasclass（）；//判断存不存在

toggleclass();//切换css类名，有就删除，没有就添加；

$("p")css("color",red)        #tag.style.color="red"

 

offset() // 获取匹配元素在当前窗口的相对偏移或设置元素位置

position()// 获取匹配元素相对父元素的偏移

scrolltop()//获取匹配元素相对滚动条顶部的偏移

scorllleft()//获取匹配元素相对滚动条左侧的偏移

 

还有一些尺寸height（），width（），innerheight()#padding+内容

outerwidth()#内容+padding+border

 

获取文本值

$("#d1").text():获取文本值

$("#d1").text(val):设置文本值

 

设置值

。val（）取得值

。val（value）设置值

 

属性操作：

attr(attrname)//得到属性名的值

attr(attrname,attrvalue)//设置属性值

attr({k1:va,k2:v2})//设置多个值

removeattr(attrname)//删除一个属性

 

还有用于checkbox和radio：

prop() //获取属性

$("input:checkbox[value='basketball']").prop("checked"

$("input:checkbox[value='basketball']").prop("checked",true)

removeProp()//移除属性

$("#d1").text():获取文本值

$(":radio[value='2']").prop("checked", true);

文档处理：

添加到指定元素内部的后面：

$(A).append(B) //把B追加A

$(A).appendTo(B) //把A追加到B

添加到指定元素内部的前面：

$(A).prepend(B)//把B前置A

$(A).prependTo(B)// 把A前置到B

添加到指定元素外部的后面（同级）：

$(A).affer(B)//把B放到A的后面

$(A).insertAfter(B)//把A放到B的后面

$(A).before(B)//把B放到A的前面

$(A).insertbefore(B)//把A放到B的前面

 

移除和清空元素  

remove()//删除所有

empty()//删除匹配元素所有的子节点（清空内容）

替换：

replacewith()

replaceall()

克隆：

clone()//只克隆了标签

$(“#d1”).clone(true) #还克隆了事件

 

转载于:https://www.cnblogs.com/zhaoweihang/p/9139763.html