【JQuery】文档操作

时间：2024-01-05 09:47:14

一、前言

接着上一章的内容，接着JQuery的学习

二、内容

addClass  向被选元素添加一个或多个类

      $(selector).addClass(class)

      $(selector).addClass(function(index,oldClass))

before  在被选元素前插入指定的内容

      $(selector).before(content)

      $(selector).before(function(index))

after  在被选元素后插入指定的内容

      $(selector).after(content)

      $(selector).after(function(index))

append  被选元素的结尾(仍然在内部)插入指定内容

      $(selector).append(content)

      $(selector).append(function(index,html))

appendTo  在被选元素的结尾(仍然在内部)插入指定内容

      $(content).appendTo(selector)

attr  返回被选元素的属性值

      $(selector).attr(attribute)

      设置被选元素的属性值

      $(selector).attr(attribute:value)

      $(selector).attr({attribute:value,attribute:value ...})

      $(selector).attr(attribute,function(index,oldValue))

clone  生成被选元素的副本，包含子节点、文本和属性

      $(selector).clone(includeEvents)

detach  移除被选元素，包括所有文本和子节点

      $(selector).detach()

empty  从被选元素移除所有内容，包括所有文本和子节点

      $(selector).empty()

hasClass 检查被选元素是否包含指定的class

      $(selector).hasClass(class)

html  返回或设置被选元素的内容(inner HTML)

      $(selector).html()

      $(selector).html(content)

      $(selector).html(function(index,oldcontent))

insertAfter 在被选元素之后插入HTML标记或已有的元素

      $(content).insertAfter(selector)

insertBefore  在被选元素之前插入HTML标记或已有的元素

      $(content).insertBefore(selector)

prepend  在被选元素的开头(仍位于内部)插入指定的内容

      $(selector).prepend(content)

      $(selector).prepend(function(index,html))

prependTo  在被选元素的开头(仍位于内部)插入指定的内容

      $(content).prependTo(selector)

remove  移除被选元素，包括所有文本和子节点

      $(selector).remove()

removeAttr  从被选元素中移除属性

      $(selector).removeAttr(attribute)

removeClass  从被选元素移除一个或多个类

      $(selector).removeClass(class)

      $(selector).removeClass(function(index,oldClass))

replaceAll  用指定的HTML内容或元素替换被选元素

      $(content).replaceAll(selector)

replaceWith  用指定的HTML内容或元素替换被选元素

      $(selector).replaceWith(content)

      $(selector).replaceWith(function())

text  设置或返回被选元素的文本内容

      $(selector).text()

      $(selector).text(content)

      $(selector).text(function(index,oldcontent))

toggleClass  对设置或移除被选元素的一个或多个类进行切换

             switch为true时只添加，false时为只删除

      $(selector).toggleClass(class,switch)

      $(selector).toggleClass(function(index,class),switch)

wrap  把每个被选元素放置在指定的HTML内容或元素中

      $(selector).wrap(wrapper)

      $(selector).wrap(function)

wrapInner  使用指定的HTML内容或元素，

           来包裹每个被选元素中的所有内容(inner HTML)

      $(selector).wrapInner(wrapper)

      $(selector).wrapInner(function())

unwrap  删除被选元素的父元素

      $(selector).unwrap()

val  返回或设置被选元素的值

      $(selector).val()

      $(selector).val(value)

      $(selector).val(function(index,oldvalue))

相关文章