zoukankan      html  css  js  c++  java
  • jquery

    jquery:

    detach() 方法移除被选元素,包括所有文本和子节点。
    这个方法会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素。
    detach() 会保留所有绑定的事件、附加的数据,这一点与 remove() 不同。

    after()
    $(selector).after(content)

    append()和append to()
    appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。

    提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。

    attr()
    $(selector).attr(attribute)

    empty

    empty() 方法从被选元素移除所有内容,包括所有文本和子节点。

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

    insertAfter()、insertBefore
    prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。

    提示:prepend() 和 prependTo() 方法作用相同。差异在于语法:内容和选择器的位置,以及 prependTo() 无法使用函数来插入内容。

    removeAttr() 方法从被选元素中移除属性。
    $(selector).removeAttr(attribute)

    removeClass() 从所有匹配的元素中删除全部或者指定的类。

    replaceAll() 方法用指定的 HTML 内容或元素替换被选元素。
    replaceAll() 与 replaceWith() 作用相同。差异在于语法:内容和选择器的位置,以及 replaceWith() 能够使用函数进行替换。

    text() 设置或返回匹配元素的内容。

    toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
    该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果

    unwrap() 方法删除被选元素的父元素。
    $(selector).unwrap()

    jquery的选择器
    :text $(":text") 所有 type="text" 的 <input> 元素

    val() 方法返回或设置被选元素的值。
    元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
    如果该方法未设置参数,则返回被选元素的当前值。
    注意:
    jQuery 官方 val() 解释:Get the current value of the first element in the set of matched elements.
    翻译:获取全部符合条件中的第一个元素的值
    $(selector).val(value)

    wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。
    $(selector).wrap(wrapper)
    注:每一个选择器都添加

    wrapAll() 把所有匹配的元素用指定的内容或元素包裹起来。
    注:在所有选中的选择器最外面添加

    wrapInner() 方法使用指定的 HTML 内容或元素,来包裹每个被选元素中的所有内容 (inner HTML)。
    注:为选择器的内容添加

    关于替换audio的src问题:

    使用$(选择器).attr("src",path)

    以及

    $("#audio").play()报错 not a function
    原因:play()方法属于DOM对象方法,$('#audio')为jquery对象
    解决办法:将jquery对象转换为DOM对象
    可以直接用Document.getElementById()的形式

  • 相关阅读:
    2019.10.07题解
    2019.10.06题解
    2019.10.05'题解
    2019.10.05题解
    java邮件发送
    注释类型 XmlType
    Spring 注解
    @SuppressWarnings(unchecked)作用解释
    vm文件
    Apache Shiro 使用手册(一)Shiro架构介绍
  • 原文地址:https://www.cnblogs.com/shigeng/p/8734524.html
Copyright © 2011-2022 走看看