jQuery - 设置div的内容和属性
jsp中设置div的值:
三种方法:
①html
②text
③val (如果是input标签,只能使用val设置值!)
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
});
</script>
</head>
<body>
<p id="test1">这是段落。</p>
<p id="test2">这是另一个段落。</p>
<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p>
<button id="btn1">设置文本</button>
<button id="btn2">设置 HTML</button>
<button id="btn3">设置值</button>
</body>
</html>
设置属性href:
<script>
$(document).ready(function(){
$("button").click(function(){
$("#w3s").attr({
"href" : "http://www.w3school.com.cn/jquery/",
"title" : "W3School jQuery 教程"
});
});
});
</script>
</head>
<body>
<p><a href="http://www.w3school.com.cn" id="w3s">W3School.com.cn</a></p>
<button>改变 href 和 title 值</button>
<p>请把鼠标指针移动到链接上,或者点击该链接,来查看已经改变的 href 值和已经设置的 title 值。</p>
</body>
jQuery - 设置div的内容和属性相关推荐
- jquery js 设置 div 的内容,给 div 添加一个属性
设置 div 的内容的写法: jquery 的写法: $( "#div1" ).html( "aa" ); // 将 div1 元素里面的 html ...
- html内容超出不自动滚动,css设置div滚动条内容不超过就不显示
css设置div滚动条内容不超过就不显示 实现内容不超出就不显示滚动条的效果,可以设置div的css样式为overflow:auto,当overflow取值为auto时,如果内容被修剪,则浏览器会显示 ...
- html+jquery+添加样式,jquery设置css样式、style属性 示范
jquery设置css样式.style属性 示例 css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery ...
- html div怎么设置圆角,jquery设置div圆角
要设置DIV的圆角,最简单的办法莫过于使用CSS3配合HTML5,如果加上jquery,那么就更加灵活了,下面我们看几个例子. 首先看看下面的这个图,下面的有编号内容的这个DIV,正是圆角的DIV,要 ...
- jquery设置css样式、style属性 示例(超强解析)
jQuery 一.CSS 1.css(name) 2.css(properties) 3.css(name,value) 二.位置 1.offset() 2.position() 3.scrollTo ...
- 0201 设置/修改元素内容和属性
document.write()方法 文本内容追加到</body>前面的位置 文本中标签会被解析 <script>document.write('hello world')do ...
- jQuery 学习-样式篇(四):jQuery 设置和删除元素的属性
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- html设置返回的样式,jQuery设置或返回元素样式属性。
jQuery css() 方法css() 方法设置或返回被选元素的一个或多个样式属性. 如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname"); ...
- 设置div的内容及子标签向右对齐
主要是设置 : text-align: right; display: inline-block; HTML: <div class="sureSubmit">< ...
最新文章
- LabVIEW图像灰度测量(基础篇—7)
- python手机版做小游戏代码大全-Python大牛手把手教你做一个小游戏,萌新福利!...
- 3. Leetcode 16. 最接近的三数之和 (数组-双向双指针)
- 斯坦福大学机器学习第八课“神经网络的表示(Neural Networks: Representation)”
- Spring的核心思想,总结得非常好!
- python 协程原理_Python协程greenlet实现原理
- 美团杯2020 - 半前缀计数(后缀自动机)
- YAFFS2文件系统在嵌入式LINUX系统中的应用
- StringBuilder内存碎片对性能的影响
- 【zookeeper系列】centos7安装zookeeper
- 一窥 ARM 的 AI 处理器
- MD5消息摘要算法和SHA-1安全散列算法
- BitOffer携手高盛推出保本保息量化基金,无风险年化收益20%
- 杀毒软件可以查杀所有计算机病毒吗,杀毒软件可以查杀所有病毒吗
- 小工具推荐:tokei(高效统计代码行数)
- mysql单表查询详解
- Abstract Factory模式(抽象工厂模式)
- 椭圆 标准方程 离心率 圆的标准方程
- 苹果审核Guideline 1.4.1 - Safety - Physical Harm
- win10任务栏透明_TrayS - 终极美化任务栏(透明、应用居中)