11.12 jq

139 阅读2分钟

操作


(插入相关)

.append()            在每个匹配元素里面的末尾处插入参数内容  相当于插入子代

.appendTo()        将匹配的元素插入到目标元素的最后面(内部插入)

.append()   .appendTo()  两种方法功能相同 语法不同 前者选择表达式在函数的前面 参数是将要插入的内容 后者内容在方法前面 无论是一个选择器表达式或创建为标记上的标记 它都将被插入到目标容器的末尾

.prepend()   .prependTo()            前面

.html()                  获取集合中第一个匹配元素的HTML内容 或 设置每个匹配元素的HTML内容

.text()                   操作方法同上   对象为文本

$("#content").html("<a herf="#">百度</a>");        输出结果   百度

$("#content").text("<a herf="#">百度</a>");         输出结果   <a herf="#">百度</a>

.after()                 在匹配元素集合后面插入元素 相当于插入兄弟节点

.before()              在匹配元素集合前面插入元素 相当于插入兄弟节点

.insertAfter()        在目标元素后面插入集合中每个匹配的元素(插入的元素作为目标元素的兄弟元素)               类似于 appendTo


-----------------------------------------分割线------------------------------------------------

(移除相关)

.empty()               从dom中移除集合中匹配元素的所有子节点

.remove()             将该元素删除

.empty()    .remove()   不需要传参


-----------------------------------------分割线------------------------------------------------

(替换相关)

.replaceAll()          把集合匹配元素替换每个目标元素


-----------------------------------------分割线------------------------------------------------

(遍历相关)

.each(function(a,b){})                   循环 拿到里面的每一项

.children()                                     获取匹配元素集合中每个元素的子元素 选择器选择性筛选

.parent()   取父元素  .parents()  取祖先元素