VB.net 2010 视频教程 VB.net 2010 视频教程 VB.net 2010 视频教程
  • JavaScript教程之jQuery - 设置内容和属性

  • 2017-05-09 18:27 来源:未知

排列三排列五预测: jQuery - 设置内容和属性


设置内容 - text()、html() 以及 val()

体育彩票排列三 www.o1y4.com.cn 我们将使用前一章中的三个相同的方法来设置内容:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:

实例

$("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("#test2").html("<b>Hello world!</b>"); }); $("#btn3").click(function(){ $("#test3").val("RUNOOB"); });

尝试一下 »


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

上面的三个 jQuery 方法:text()、html() 以及 val(),同样拥有回调函数?;氐骱辛礁霾问罕谎≡亓斜碇械鼻霸氐南卤?,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。

下面的例子演示带有回调函数的 text() 和 html():

实例

$("#btn1").click(function(){ $("#test1").text(function(i,origText){ return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")"; }); }); $("#btn2").click(function(){ $("#test2").html(function(i,origText){ return "旧 html: " + origText + " 新 html: Hello <b>world!</b> (index: " + i + ")"; }); });

尝试一下 »


设置属性 - attr()

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

下面的例子演示如何改变(设置)链接中 href 属性的值:

实例

$("button").click(function(){ $("#runoob").attr("href","//www.runoob.com/jquery"); });

尝试一下 »

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

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

实例

$("button").click(function(){ $("#runoob").attr({ "href" : "//www.runoob.com/jquery", "title" : "jQuery 教程" }); });

尝试一下 »


attr() 的回调函数

jQuery 方法 attr(),也提供回调函数?;氐骱辛礁霾问罕谎≡亓斜碇械鼻霸氐南卤?,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。

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

实例

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

尝试一下 »

相关教程
  • 山西省地勘局211队举办“安全生产月”知识培训--黄河新闻网 2019-04-25
  • 落实河长制必须持之以恒 2019-04-25
  • 七月流火:一半是甜蜜 一半是仁慈 2019-04-23
  • “将自己之书法艺术奉献于社会,是我终生的愿望” 2019-04-23
  • 传统文化,在中国文化里,居住是衡量一个家庭生活的基本因素。 2019-04-17
  • 江苏省资助高技能人才赴德研修 2019-04-17
  • 【今日之星】李宝:立志做大国工匠 2019-04-14
  • 殷友成.blog的博客—强国博客—人民网 2019-04-14
  • 计划不是产生在交换基础上的计划。 2019-04-10
  • 走进学校,了解电竞——中国电竞教育之路 2019-04-01
  • 湖州德清重点项目“磁吸”效应初显 2019-04-01
  • 三晋史话:“百家争鸣”中的那些三晋名人 2019-03-30
  • 白玉兰红毯群星璀璨 baby殷桃李沁陈乔恩斗艳 2019-03-30
  • 辽宁省公安厅治安总队举行整治黄赌枪爆成果展 2019-03-28
  • 中国资本市场开放出大招 跨境证券投资更便利 2019-03-25
  • 576| 674| 459| 960| 421| 922| 310| 22| 998| 256| 828| 934| 929| 937| 194|