美文网首页我爱编程
jQuery 操纵元素

jQuery 操纵元素

作者: liaozb1996 | 来源:发表于2018-03-31 19:23 被阅读0次

Manipulation documentation on api.jquery.com.

操作元素的部分:

  • 元素内的 HTML
  • 元素内的 文本
  • 元素内的 属性

操作的动作:

  • getter:当方法调用时没有携带参数时,执行 get 动作。返回匹配元素中的第一个元素
  • setter:当方法调用时带有参数时,执行 set 动作。所有匹配的元素将被修改。

.text() 将返回所有匹配元素的文本


$("h1").text()
"Working with Selections"

$("h1").text("Hello World")
Object { 0: h1.entry-title, length: 1, prevObject: {…}, context: HTMLDocument https://learn.jquery.com/using-jquery-core/working-with-selections/, selector: "h1" }
getter setter

Chaining

对于返回一个 jQuery 对象的方法($() 或 setter),可以进行链接; .end() 会回到链接的首端

$( "#content" )
    .find( "h3" )
    .eq( 2 )
        .html( "new text for the third h3!" )
        .end() // Restores the selection to all h3s in #content ,回到 $("#content")
    .eq( 0 )
        .html( "new text for the first h3!" );

操纵元素的方法

  • .html() – Get or set the HTML contents.
  • .text() – Get or set the text contents; HTML will be stripped.
  • .attr() – Get or set the value of the provided attribute.
  • .width() – Get or set the width in pixels of the first element in the selection as an integer.
  • .height() – Get or set the height in pixels of the first element in the selection as an integer.
  • .position() – Get an object with position information for the first element in the selection, relative to its first positioned ancestor. This is a getter only.
  • .val() – Get or set the value of form elements.

注意!set 动作会应用于 jQuery Selection 中的所有元素!

https://learn.jquery.com/using-jquery-core/manipulating-elements/#moving-copying-and-removing-elements

相关文章

  • jQuery 操纵元素

    Manipulation documentation on api.jquery.com. 操作元素的部分: 元素...

  • jQuery

    jQuery 如何获取元素 jQuery 的链式操作是怎样的 jQuery 如何创建元素 jQuery 如何移动元...

  • jquery设计思想书目录

    jQuery-选择网页元素 jQuery-改变结果集 jQuery-链式操作 jQuery-元素的操作:取值和赋值...

  • jQuery 大全

    jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 元素...

  • You might not need jQuery——笔记

    元素操作jQuery JS jQuery JS jQuery JS element.insertAdjacentH...

  • jQuery节点操作和元素尺寸

    jQuery节点操作 创建元素 语法:$(' ); 追加元素1 向父元素最后追加语法:父元素jQuery对象.a...

  • JavaScript之jQuery

    九、jQuery 目录:初识jQuery及公式、jQuery选择器、jQuery事件、jQuery操作DOM元素 ...

  • jQuery注意点

    1、jQuery元素转化为DOM元素 利用数组下标读取jQuery中的DOM对象 利用jQuery中自带的get(...

  • jquery学习笔记(一)

    选择器 元素选择器 jQuery元素选择器基于元素名选取元素。选取页面中所有 元素: #id选择器 jQuery ...

  • Dom4 操纵元素属性

    元素属性操纵 第一种 第二种 第三种 Dom元素操纵元素属性 获取: getAttribute(名称) 设置: s...

网友评论

    本文标题:jQuery 操纵元素

    本文链接:https://www.haomeiwen.com/subject/nfhncftx.html