val
获得当前元素的value。
修改当前元素的value。
<script type="text/javascript">
$(function(){
alert($("#select").val());
$("#select").val(2);
})
</script>
<select id="select">
<option value="1">请选择编号</option>
<option value="2">123</option>
<option value="3">321</option>
</select>
html-text
设置和获取文本内容。
获取时,html能获取标签中的html代码。text只获取文本内容,不会显示html代码。
设置时,html设置值时,解析html代码。text不能解析,将代码也显示。
<script type="text/javascript">
$(function(){
alert($("#div2").html());
alert($("#div2").text());
$("#div3").html('<a href="#">你好</a>');
$("#div4").text('<a href="#">你好</a>');
})
</script>
<body>
<div id="div2"><a>你好</a></div>
<div id="div3"></div>
<div id="div4"></div>
</body>
class
addCalss:添加一个calss
removeClass:删除一个class
可以动态的改变div样式。
<style type="text/css">
.div1{
background-color: red;
}
.div2{
color: blue;
}
</style>
...
<script type="text/javascript">
$(function(){
alert("添加一个class");
$("#div").addClass("div2");
alert("删除一个class");
$("#div").removeClass("div1");
alert("添加一个class")
$("#div").addClass("div1");
})
...
<div id="div">
我是一个div;
</div>
attr
获取属性值和设置属性值
1.可以获取标签语法不存在的属性值。
2.设置class时,是覆盖。addCalss是追加。
<script type="text/javascript">
$(function(){
alert($("#img").attr("src"));
alert("切换图片");
$("#img").attr("src","images/2.jpg");
alert("修改文本内容");
$("#lala").attr("value","里斯");
alert("获取不存在的属性");
alert($("#ljid").attr("value"));
})
<body>
<img alt="" src="images/1.jpg" id="img">
<input type="text" value="lisi" id="lala" />
<a href="#" value="ljvalue" id="ljid">连接</a>
</body>
</script>