文本节点操作

最新推荐文章于 2022-06-15 08:56:45 发布

墨明棋妙呀

最新推荐文章于 2022-06-15 08:56:45 发布

阅读量383

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Wangmengyao1115/article/details/78493363

本文通过一个具体的示例展示了如何使用jQuery进行文本节点的操作，包括获取和设置文本及HTML内容，以及事件处理等基本技巧。

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

<title>文本节点操作</title>
<script src="../jQuery-2.1.0/jquery-2.1.0.js"></script>
<script>
$(function(){
$(":submit").click(function(){
//alert($("input:eq(0)").val());
//alert($("ul").html());
//alert($("ul").text());

//$("p").text("<b>嘿嘿</b>");
$("p").html("<b>嘿嘿</b>");
});

/*$("input:eq(0)").blur(function(){
//alert("asfd");
$("input:eq(1)").focus();
});*/
$("input:eq(1)").focus(function(){
alert("asdf");
});
});
</script>
</head>

<body>
<center>

<h3>用户登录系统</h3>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li>深圳</li>
</ul>
<p>哈哈</p>
<form action="*">
用户名：<input type="text" placeholder="请输入用户名"/><br/><br/>
密　码：<input type="text" placeholder="请输入密码"/><br/><br/>
<input type="submit" value="登录"/><br/>
</form>
</center>
</body>