美文网首页
jQuery方法,DOM其他操作(attr,text等)

jQuery方法,DOM其他操作(attr,text等)

作者: MGd | 来源:发表于2017-05-14 16:47 被阅读17次
  • 1.属性操作
  • 设置属性:
    attr()
// 给某个元素设置多个属性/值,参数是map
$(”img”).attr({src:”test.jpg”,alt:”test Image”});
// 第一个参数表示:要设置的属性名称   第二个参数表示:该属性的值 
$(”img”).attr(”src”,”test.jpg”); 给某个元素设置属性/值
$(”img”).attr(”title”, function() { return this.src }); 给某个元素设置属性/值
  • 获取属性
    attr()
// 参数为:只传入要获取的属性的名称即可返回指定属性的值  
$("img").attr(“title”); 
  • 移除属性
    removeAttr()
$(”元素名称”).removeAttr(”属性名称”) 删除某元素指定的属性以及该属性的值
  • 2.值和内容
  • text() 方法
$(”元素名称”).text(); 获得该元素的文本
$(”元素名称”).text("内容"); 设置操作带参数,参数表示要设置的文本内容 
  • html()方法
$(”元素名称”).html(); 获得该元素内的内容(元素,文本等)
$(”元素名称”).html(”<b>new stuff</b>”); 给某元素设置内容
  • val()方法
    作用:设置或返回表单元素的值,例如:input,select,textarea的值
$(”input元素名称”).val(); 获取input元素的值
$(”input元素名称”).val("value"); 设置input元素的值为value

相关文章

  • jQuery方法,DOM其他操作(attr,text等)

    1.属性操作 设置属性:attr() 获取属性attr() 移除属性removeAttr() 2.值和内容 tex...

  • jQuery基本操作

    jQuery操作DOM元素 使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其...

  • jQuery HTML

    jQuery 拥有可操作HTML元素和属性的强大方法。 jQuery DOM 操作 获取内容 -text()、ht...

  • 01-JS-03

    jQuery操作DOM 1.属性操作 attr 设置单个 attr(name,value)//字符串类型设置多个 ...

  • jQuery API学习之DOM操作与事件篇

    DOM属性操作: attr()与prop()的区别: DOM操作: 获取或设置文本内容: text()与html(...

  • web进阶之二十六:JQuery的一些效果实现

    jquery属性操作 html() 取出或设置html内容 text() 取出或设置text内容 attr() 取...

  • JQuery HTML

    JQuery捕获和设置 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选...

  • 06_jQuery(三)

    jQuery属性操作 属性操作_attr 属性操作_CSS类 属性操作_html代码 属性操作_文本text 属性...

  • jq基础(一)——样式篇———属性与样式

    1、jQuery的属性与样式之.attr()与.removeAttr() 操作特性的DOM方法主要有3个,getA...

  • jquery

    JQuery常用方法 jQueryHTML 捕获 text() html() val() attr 获取属性值 设...

网友评论

      本文标题:jQuery方法,DOM其他操作(attr,text等)

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