jQuery 设置内容和属性 |
您所在的位置:网站首页 › jquery修改css属性值 › jQuery 设置内容和属性 |
w3school 在线教程
HTML 系列教程
浏览器脚本
服务器脚本
编程教程
XML 系列教程
建站手册
参考手册
jQuery 教程
jQuery 教程
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件
jQuery 效果
jQuery 隐藏/显示
jQuery 淡入淡出
jQuery 滑动
jQuery 动画
jQuery stop()
jQuery Callback
jQuery Chaining
jQuery HTML
jQuery 获取
jQuery 设置
jQuery 添加
jQuery 删除
jQuery CSS 类
jQuery css()
jQuery 尺寸
jQuery 遍历
jQuery 遍历
jQuery 祖先
jQuery 后代
jQuery 同胞
jQuery 过滤
jQuery AJAX
jQuery AJAX 简介
jQuery 加载
jQuery Get/Post
jQuery 杂项
jQuery noConflict()
jQuery 实例
jQuery 实例
jQuery 测验
jQuery 参考手册
jQuery 参考手册
jQuery 选择器
jQuery 事件
jQuery 效果
jQuery 文档操作
jQuery 属性操作
jQuery CSS 操作
jQuery Ajax
jQuery 遍历
jQuery 数据
jQuery DOM 元素
jQuery 核心
jQuery 属性
建站手册
网站构建
万维网联盟 (W3C)
浏览器信息
网站品质
语义网
职业规划
网站主机
关于 W3School
帮助 W3School
jQuery 设置内容和属性
jQuery 获取
jQuery 添加
设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容: 实例 $("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("#test2").html("Hello world!"); }); $("#btn3").click(function(){ $("#test3").val("Dolly Duck"); });亲自试一试 text()、html() 以及 val() 的回调函数上面的三个 jQuery 方法:text()、html() 以及 val(),同样拥有回调函数。回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。 下面的例子演示带有回调函数的 text() 和 html(): 实例 $("#btn1").click(function(){ $("#test1").text(function(i,origText){ return "Old text: " + origText + " New text: Hello world! (index: " + i + ")"; }); }); $("#btn2").click(function(){ $("#test2").html(function(i,origText){ return "Old html: " + origText + " New html: Hello world! (index: " + i + ")"; }); });亲自试一试 设置属性 - attr()jQuery attr() 方法也用于设置/改变属性值。 下面的例子演示如何改变(设置)链接中 href 属性的值: 实例 $("button").click(function(){ $("#w3s").attr("href","http://www.w3school.com.cn/jquery"); });亲自试一试 attr() 方法也允许您同时设置多个属性。 下面的例子演示如何同时设置 href 和 title 属性: 实例 $("button").click(function(){ $("#w3s").attr({ "href" : "http://www.w3school.com.cn/jquery", "title" : "W3School jQuery Tutorial" }); });亲自试一试 attr() 的回调函数jQuery 方法 attr(),也提供回调函数。回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。 下面的例子演示带有回调函数的 attr() 方法: 实例 $("button").click(function(){ $("#w3s").attr("href", function(i,origValue){ return origValue + "/jquery"; }); });亲自试一试 jQuery HTML 参考手册如需有关 jQuery HTML 方法的完整内容,请访问以下参考手册: jQuery 文档操作 jQuery 属性操作 jQuery CSS 操作 jQuery 获取 jQuery 添加 jQuery 参考手册 jQuery 测验W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |