jQuery常用的一些方法

来源：互联网发布：开票软件重装编辑：程序博客网时间：2024/05/21 20:28

[html] view plain copy

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>domevent.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
.myClass{
color:skyblue;
}
</style>
<script type="text/javascript" src="../../jquery-2.2.4.js"></script>
<script type="text/javascript">
/*
jQuery对象常用的一些方法
get(index)获取jQuery对象中的dom对象
eq(index)获取jQuery对象中的jQuery对象
1.jQuery对象修改dom元素的数据(方法中不带参数就是获取数据，带参数就是修改数据)
html( [val | fn] )
text( [val | fn] )
val( [val | fn | arr] )
attr(name)获取指定属性的值
attr(key, value) 设置属性和对象的值
2.jQuery对象修改dom元素的样式
css行内样式
addClass内部样式表
removeClass移除指定的内部样式表
3.修改dom元素的子元素
append追加元素到所有子元素的末端
remove 移除元素，移除的是自己
*/
$(function(){
//alert($("div").eq(2).text());
$("a").eq(0).attr("href","http://www.baidu.com");
$("#myDiv").addClass("myClass");
$("#myDiv").removeClass("myClass");
//$("#myDiv").css("color","red");
var obj=[{
no:"1",
name:"SMITH",
sal:"5000"
},{
no:"2",
name:"SCOTT",
sal:"8000"
},{
no:"3",
name:"TOM",
sal:"15000"
}]
for(var i=0;i<obj.length; i++){
$("#myTable").append("<tr mark=1><td>"+obj[i].no+"</td><td>"+obj[i].name+"</td><td>"+obj[i].sal+"</td></tr>");
}
$("#myBtn").click(function(){
$("tr[mark=1]").remove();
});
})
</script>
</head>
<body>
<div id="myDiv">演示行内样式</div>
<div>1</div>
<div>2</div>
<div>3</div>
<a>跳转到百度</a>
<table id="myTable" border="1" style="border:1px solid black;width:400px">
<tr>
<th>编号</th>
<th>姓名</th>
<th>薪水</th>
</tr>
</table>
<input id="myBtn" type="button" value="删除" />
</body>
</html>

阅读全文

0 0