VB.net 2010 视频教程 VB.net 2010 视频教程 VB.net 2010 视频教程
当前位置:
主页 > 网站开发 > JQuery >
  • 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"; }); });

尝试一下 »

相关教程
  • 北京市纪委监委通报:副局级干部55次坐头等舱被处分 2019-02-15
  • 十九大精神宣讲进民企 2019-02-15
  • 中国光大银行获第十二届人民企业社会责任奖年度扶贫奖 2019-01-30
  • 2018中国灯饰照明行业品牌论坛成功举办 2019-01-30
  • 你真是越活越转,越活越蠢。[哈哈] 2019-01-27
  • 互联网资产管理须持牌经营 2018-12-09
  • 新闻中心给记者留下美好记忆 2018-12-09
  • 险企偿付能力2017年“成绩单”:3家不达标 7家被关注 2018-12-07
  • 【学习时刻】清华大学周绍杰:坚定不移地贯彻落实新发展理念 2018-12-07
  • 建立市场经济,原本的计划经济哪里去?坚持集体的南街村没有到户就没有建立市场经济,是不是还在搞计划经济?看其实现公有资本在其所有者们进行分配应是计划经济。 2018-10-30
  • 市场经济就是一种唯利是图的经济,是一种波动、走极端的经济,新时期的发展方式与结果就是如 此。那么指望市场经济来解决需要与不平衡的矛盾,对症下药了吗? 2018-10-30
  • 比利时30大胜巴拿马 卢卡库梅开二度 强队总算没有都凉凉 2018-10-18
  • 新科欧洲状元 五盾军团能否延续法兰西之夏荣耀 2018-10-18
  • 河北一保时捷车主疑遭枪击 警方悬赏9万元通缉 2018-09-26
  • 【十九大·理论新视野】动漫:“社会主义现代化强国”如何建成 2018-09-26
  • 504| 941| 868| 747| 403| 487| 671| 207| 347| 396| 261| 104| 303| 383| 367|