JQuery_2

三、jQuery HTML

  1.获取内容 

    text()设置或者返回所选元素的文本内容

    html()设置或返回所选元素的html内容(包含标签)

    val()设置或返回表单字段的值

  2.获取属性 

    attr()获取的是所选元素的直接属性

  3.添加方法

    append()在被选元素内的结尾添加  添加多个元素用 , 隔开

    prepend()在被选元素内的开头添加 添加多个元素用 , 隔开

    after()在被选元素之后插入内容  添加多个元素用 , 隔开

    before()在被选元素之前插入内容  添加多个元素用 , 隔开

  4.删除元素

    remove()删除被选元素(及其他的子元素) 删除的时候是彻底移除  还能接受参数进行过滤

    empty()删除被选元素的子元素   清空其子元素  本身不会清除

  5.获取并设置css类

    addclass()向被选元素添加一个多个类 中间用 , 隔开

    removeclass()删除一个多个类 中间用 , 隔开

    togglecalss()进行添加/删除类的切换

    caa()设置或返回样式属性 一个或多个  他与attr相似 但是attr是返回的直接属性 css是返回的是样式

  6.尺寸

    width() height()  不包括内边距 边框 外边距

    innerWidth() innerHeight()  包括内边距 不包括边框 和外边距

    outerWidth() outerHeight()  包括内边距和边框  不包括外边距

    outerWidth(true) outerHeight(true)  包括内边距和边框外边距

    $(document).height()/width()  设置文档宽高

    $(window).height()/width()  设置窗口宽高


四、jQuery 遍历

  1.所有的父级

    parent()返回被选元素的直接父级(爸爸)

    parents()返回被选元素的所有的父级

    arentUntil()返回介于俩个被选元素的之间所有的父级元素 但是不包括parentsUntli("div")括号里面的


  2.所有的子级

    childen()返回被选元素的所有的子级

    find("div") 返回被选元素的所有div子级

    find("*") 返回被选元素的所有子级


  3.同胞 兄弟

      siblings() f返回被选元素的所有兄弟元素

      next() 返回被选元素的下一个兄弟元素

    nextAll()  返回被选元素跟随之后的所有兄弟元素

    nextUntil() 返回介于两个给定参数之间的所有跟随的同胞元素  不包括括号内的元素

    prev(), prevAll() & prevUntil() 方法 是上的意思 与next() nextAll() nextUntli()相反 它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。


  4.过滤

    first()  返回被选元素的首个元素

    last()  返回被选元素的最后一个元素

    eq()  方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1)

 
原文地址:https://www.cnblogs.com/Gazikel/p/14158435.html