javascript通过选择器获取标签的内容的方法

最新推荐文章于 2024-05-24 00:34:26 发布

星云天

最新推荐文章于 2024-05-24 00:34:26 发布

阅读量3.3k

点赞数

文章标签： javascript jquery

本文链接：https://blog.csdn.net/konghou888/article/details/39248973

版权

第一种打开窗口就加载。 //窗体一加载就会执行$后的方法
$(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-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());

}

星云天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript通过选择器获取标签的内容的方法

jquery选择器 -->//窗体一加载就会执行$后的方法$(function(){var mytable=$("#mytable"); alert(mytable.html());var ulNode=$(".main");alert(ulNode.html());var p=$("p");alert(p.html());
复制链接

扫一扫