美文网首页
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等)

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