第一种打开窗口就加载。 //窗体一加载就会执行$后的方法
$(function(){// 在这里写你的代码...
});
或
/* $(document).ready(function(){
// 在这里写你的代码...
alert("hello");
第二步,通过需要基本选择器来实现。
$("#id"),$("标签"),$(".类")
2.1带有层级的选择器
$("选择器1 选择器2") //获取选择器1下的选择器2对应的标签。
2.2
$("选择器1,选择器2")//获取选择器1和选择器2对应的标签
其他方式可以通过帮助文档自行了解。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>jquery选择器</title>
<meta http-equiv ="content-type" content ="text/html:charset=UTF-8"/>
<!--导入选择器-->
<!--<script src="../文件夹/jquery.js" type="text/javascript"></script>-->
<script src="jquery-1.11.1.js"></script>
<script>
//窗体一加载就会执行$后的方法
$(function(){
var mytable=$("#mytable");
alert(mytable.html());
var ulNode=$(".main");
alert(ulNode.html());
var p=$("p");
alert(p.html());
//这些代码语句看不懂就要去插帮助文档每个事件,属性,对象的属性或方法
var btn=$("input[type='button']");
alert(btn.val());
var text=$("input[type='text']");
alert(text.val());
});
/* $(document).ready(function(){
// 在这里写你的代码...
alert("hello");
}); */
</script>
</head>
<body>
<table id="mytable" border="1" >
<thead><th>学号</th><th>姓名</th></thead>
<tbody>
<tr><td>0001</td><td>张三</td></tr>
<tr><td>0002</td><td>李四</td></tr>
</tbody>
</table>
<br><br>
<p>hellword</p>
<ul class="main">
<li>学习用品</li>
<li>家具用品</li>
<li>电器</li>
</ul>
<br>
<input type="button" value="aa"/>
<br>
<input type="text" id=="name" value="zhangsan"/>
</body>
</html>
如果第一步不想一加载就弹出获取内容可以写成函数用时间调用,在标签script内写方法,在body内写按钮调用
function f(){
var mytable=$("#mytable");
alert(mytable.html());
var ulNode=$(".main");
alert(ulNode.html());
var p=$("p");
alert(p.html());
//这些代码看不懂就要去插帮助文档每个事件,属性,对象的属性或方法
var btn=$("input[type='button']");
alert(btn.val());
var text=$("input[type='text']");
alert(text.val());
}
<input type="button" value="显示标签" οnclick="f()">