jQuery基础4-dom元素操作

版权声明:作者:shenroom 来源:CSDN 版权声明:本文为博主原创文章,转载请附上博文链接! https://blog.csdn.net/qq_41772754/article/details/88083246

1.jQuery HTML文本操作 

    html( [val|fn] )             //  取得第一个匹配元素的html内容。该函数不能用于XML文档。但可以用于XHTML文档。

    text( [val|fn] )              //  取得所有匹配元素的内容。这个方法对HTML和XML文档都有效。

    val( [val|fn|arr] )          //  获得匹配元素的当前值。

2.jQuery HTML属性操作

    attr( name|pro|key,val|fn )          //  设置或返回被选元素的属性值。
    removeAttr( name )                   //  删除属性
    addClass( class|fn )                   //  为元素添加指定的类名。
    removeClass( [class|fn] )           //  删除全部或者指定的类。
    prop( n|p|k,v|f )                           //  获取在匹配的元素集中的第一个元素的属性值。
    removeProp( name )                  //  用来删除由.prop()方法设置的属性集
    toggleClass( class|fn[,sw] )        //  如果存在(不存在)就删除(添加)一个类。

 3.jQuery 文档处理

    内部插入:
    append(content|fn)               // 向每个匹配的元素内容尾部追加内容。
    appendTo(content)               // 创建元素或将所有匹配的元素移入到指定元素内容尾部。
    prepend(content|fn)             // 向每个匹配的元素内部前置内容。(用法同上)
    prependTo(content)             // 创建元素或将所有匹配的元素移入到指定元素内容前面。(用法同上)


    外部插入:
    after(content|fn)                   // 在每个匹配的元素后插入内容(同级)。
    insertAfter(content)              // 创建元素或将所有匹配的元素移入到指定元素后面(同级)。
    before(content|fn)               // 在每个匹配的元素前插入内容(同级)。(用法同上)
    insertBefore(content)          // 创建元素或将所有匹配的元素移入到指定元素前面(同级)。(用法同上)


    包裹:
    wrap(html|ele|fn)                // 把所有匹配的元素用其他元素的结构化标记包裹起来。
    unwrap()                            // 移出元素的父元素。
    wrapAll(html|ele)                // 将所有匹配的元素提出来用单个元素包裹起来后放入第一个匹配元素的位置。
    wrapInner(html|ele|fn)        // 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来。


    替换
    replaceWith(content|fn)     // 将所有匹配的元素替换成指定的HTML或DOM元素。
    replaceAll(selector)           // 用设置的元素替换掉所有匹配到的元素。


    删除:
    empty()                            // 删除匹配的元素集合中所有的子节点。
    remove([expr])                 // 从DOM中删除所有匹配的元素。(未正真删除,可再使用,不保留绑定的事件、附加的数据等)
    detach([expr])                  // 从DOM中删除所有匹配的元素。(未正真删除,可再使用,保留绑定的事件、附加的数据等)


    复制:
    clone([Even[,deepEven]])  // 克隆匹配的DOM元素并且选中这些克隆的副本。

4.jQuery CSS样式操作

  CSS样式操作:
  css(name|pro|[,val|fn])          // 1.9*取得或设置匹配元素的样式属性值


  位置:
  offset([coordinates])             // 获取或设置匹配元素在当前视口的相对偏移。包含left,top两个属性。(只对可见元素有效)
  position()                              // 获取匹配元素相对父元素的偏移,返回的对象包含两个整型属性:top 和 left。
  scrollTop([val])                     // 获取或设置匹配元素相对滚动条顶部的偏移,此方法对可见和隐藏元素均有效。
  scrollLeft([val])                     // 获取或设置匹配元素相对滚动条左侧的偏移,此方法对可见和隐藏元素均有效。


  尺寸:
  height([val|fn])                      // 取得或设置匹配元素当前计算的高度值,文本区
  width([val|fn])                       // 取得或设置匹配元素当前计算的宽度值,文本区
  innerHeight()                        // 获取匹配元素边框内区域高度,不含边框,此方法对可见和隐藏元素均有效。
  innerWidth()                         // 获取匹配元素边框内区域宽度,不含边框,此方法对可见和隐藏元素均有效。
  outerHeight([soptions])        // 获取匹配元素外部高度,包含边框
  outerWidth([options])           // 获取匹配元素外部宽度,包含边框

jQuery基础1-简介、语法

jQuery基础2-选择器

jQuery基础3-筛选(过滤、查找、串联)

jQuery基础4-dom元素操作

jQuery基础5-事件

jQuery基础6-动画效果

jQuery基础7-Ajax请求

jQuery基础8-event事件对象

jQuery基础9-工具函数

jQuery基础10-延迟对象 和 回调函数

猜你喜欢

转载自blog.csdn.net/qq_41772754/article/details/88083246