jquery学习系列3(对象)

本文介绍了使用jQuery库进行DOM操作的方法,包括获取元素值、修改样式、插入HTML内容等常见任务,并对比了jQuery与纯JavaScript的不同实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1 <script language="javascript">
2 //得到div的值
3 // function f() {
4 // var t = document.getElementById("div1").innerHTML;
5 // alert(t);
6 // }
7 //得到文本框的值
8 // function f() {
9 // var t = form1.txt1.value;
10 // alert(t);
11 // }
12 // $(
13 // function() {
14 // alert($("#div1").html()); //相当于Dom中document.getElementById("div1").innerHTML
15 // }
16 // );
17
18 // $(function() {
19 // var div1 = document.getElementById("div1"); //先用Dom对象取值
20 // $(div1).html("<a href='http://www.baidu.com'>baidu</a>")//将Dom转换为jquery给div1赋值
21 // var div1_2 = $(div1)[0];//将jquery转换为Dom
22 // alert(div1_2.innerHTML);//再用Dom取值
23 // });
24
25 // $(function() {
26 // $("#div1").css("background", "red"); //有参数设置值
27 // alert($("#div1").css("color")); //无参数获取值
28 // });
29 $(function() {
30 $("#txt1").val(new Date()); //用val有参数赋值
31 alert($("#txt1").val()); //用val无参数取值
32
33 $("#div1").html("a<font color='red'>b</font>c"); //有参数赋值
34 alert($("#div1").html()); //无参数取连带html中的a<font color='red'>b</font>c值
35 alert($("#div1").text()); //无参数取具体的值abc
36 });
37 </script>
1 <div id="div1">
2 你好呀!<span style="color: Red;">朋友</span>
3 </div>
4 <input type="text" id="txt1" />
5 <%--<input type="button" onclick="f()" value="tttt" />--%>

转载于:https://www.cnblogs.com/aspneteye/articles/2037330.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值