jQuery - 设置内容和属性

我们将使用前一章中的三个相同的方法来设置内容：

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

• html() - 设置或返回所选元素的内容（包括 HTML 标记）

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

• （在设置的时候是设置；在获取现有的值得时候，就是返回）
• 

  text()、html() 以及 val() 的回调函数

  上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

• 

   

  设置属性 - attr()

  jQuery attr() 方法也用于设置/改变属性值。

  下面的例子演示如何改变（设置）链接中 href 属性的值：

• 

  attr() 方法也允许您同时设置多个属性。

  下面的例子演示如何同时设置 href 和 title 属性：

  实例

  $("button").click(function(){
    $("#w3s").attr({
      "href" : "//www.w3cschool.cn/jquery",
      "title" : "jQuery 教程"
    });
  });
• 

  attr() 的回调函数

  jQuery 方法 attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

  下面的例子演示带有回调函数的 attr() 方法：

  实例

  $("button").click(function(){
    $("#w3cschool").attr("href", function(i,origValue){
      return origValue + "/jquery"; 
    });
  });
• 

  （三）jQuery 添加元素

  jQuery - 添加元素

  ---

  通过 jQuery，可以很容易地添加新元素/内容。

   

  添加新的 HTML 内容

  我们将学习用于添加新内容的四个 jQuery 方法：

  • append() - 在被选元素内部的结尾插入指定内容
  • prepend() - 在被选元素内部的开头插入指定内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容

    jQuery append() 方法

    jQuery append() 方法在被选元素的结尾插入内容。