追加节点:
(1)append() 给获得的元素添加新的标签
(2)appendTo() 将获得的元素添加到某标签中
删除节点:
(1)根据参数删除指定的元素 remove()
(2)清空节点 empty()
1,clone() 复制一个节点 例如: $(li:[name="li"]).clone(true).appendTo("ul"); 参数为true表示一同复制节点属性
2, 替换节点 replaceWith() 用参数节点替代选取的节点 例如:$("p").replaceWith("<span>这是一个span元素</span>")
replaceAll() 使用某元素替换所有其他元素 例如:$("<span>这是span元素</span>").replaceAll("p");
2, wrap() 用某个标签包含选中元素 例如:$("ul li").wrap("<b></b>");在每个<li>外面包上<b></b>标签 wrapAll()将选中元素用一个标签包含起来 $("ul li").wrapAll("<b></b>"); 将所有的<li>包含在<b></b>标签中
属性的操作
1,attr(“?”,“?”) 添加或查询选中元素的某条属性,参数1为属性名,参数2为属性值
2,removeAttr() 删除某个元素的某条属性
样式操作:
1,attr() 通过操作元素属性的class值来改变样式
2,addClass() 参数为样式名称
3,removeClass() 删除元素的样式属性
4,toggle() 如果有这个class属性就删除,如果没有就增加
设置和获取html,文本和值
1,html() 获取闭合标签之间的元素 基本相当于JS中的innerHTML
2,text() 获取文本元素
3,val() 获取节点的value值
遍历节点
1,children() 得到活的元素的所有子节点
2,next() 当前元素下一个兄弟元素
3,prev() 当前元素上一个一个兄弟元素
4,siblings() 得到当前节点所有的所有兄弟节点
(1)append() 给获得的元素添加新的标签
(2)appendTo() 将获得的元素添加到某标签中
删除节点:
(1)根据参数删除指定的元素 remove()
(2)清空节点 empty()
1,clone() 复制一个节点 例如: $(li:[name="li"]).clone(true).appendTo("ul"); 参数为true表示一同复制节点属性
2, 替换节点 replaceWith() 用参数节点替代选取的节点 例如:$("p").replaceWith("<span>这是一个span元素</span>")
replaceAll() 使用某元素替换所有其他元素 例如:$("<span>这是span元素</span>").replaceAll("p");
2, wrap() 用某个标签包含选中元素 例如:$("ul li").wrap("<b></b>");在每个<li>外面包上<b></b>标签 wrapAll()将选中元素用一个标签包含起来 $("ul li").wrapAll("<b></b>"); 将所有的<li>包含在<b></b>标签中
属性的操作
1,attr(“?”,“?”) 添加或查询选中元素的某条属性,参数1为属性名,参数2为属性值
2,removeAttr() 删除某个元素的某条属性
样式操作:
1,attr() 通过操作元素属性的class值来改变样式
2,addClass() 参数为样式名称
3,removeClass() 删除元素的样式属性
4,toggle() 如果有这个class属性就删除,如果没有就增加
设置和获取html,文本和值
1,html() 获取闭合标签之间的元素 基本相当于JS中的innerHTML
2,text() 获取文本元素
3,val() 获取节点的value值
遍历节点
1,children() 得到活的元素的所有子节点
2,next() 当前元素下一个兄弟元素
3,prev() 当前元素上一个一个兄弟元素
4,siblings() 得到当前节点所有的所有兄弟节点