当前位置:
新疆25选7开奖号码 > 网站开发 > JQuery >
-
JavaScript教程之jQuery - 设置内容和属性
- 2017-05-09 18:27 来源:未知
新疆35先7开奖结果: jQuery - 设置内容和属性
设置内容 - text()、html() 以及 val()
新疆25选7开奖号码 www.d1dx0.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"; }); });
尝试一下 »
最新更新
C#教程之实现一个双缓冲队列(二)
C#教程之实现一个双缓冲队列
C#教程之在 Windows 上测试 Redis Cluster的集群
C#教程之C#同步,异步的理解,包括5.0中
C#教程之使用Nuget管理dll
C#教程之ASP.NET MVC 导出Word报表
C#教程之RabbitMQ 的行为艺术
C#教程之异步编程
C#教程之SlickSafe.NET 开源权限框架开发指南
C#教程之Mac环境下.Net开发
asp.net教程之纯ASP上传图像文件到数据库实
asp.net教程之ASP错误处理
asp.net教程之ASP网站防范黑客技巧
asp.net教程之用ASP取出HTML里面的图片地址
asp.net教程之ASP实现网页打开任何类型文件
asp.net教程之ASP木马Webshell安全解决办案
asp.net教程之几招让你的网站免受采集之苦
asp.net教程之ASP使用MYSQL数据库全攻略
asp.net教程之Ad Rotator 组件参考
asp.net教程之在Asp中使用存储过程数值类型
sql语句大全之SQL递归查询知多少
sql语句大全之SQL Server 2012 - 多表连接查询
sql语句大全之SQL Server 2012 - 开窗函数
sql语句大全之“RESOURCE MONITOR“CPU占用特别
sql语句大全之关系型数据库基本概念及
sql语句大全之T-SQL语句
sql语句大全之记一个常见的ms sql server中取
sql语句大全之游标 的使用
sql语句大全之sp_executesql 或者 EXECUTE 执行
sql语句大全之SQL Server 用角色(Role)管理数