您的位置：首页 > Web前端 > JQuery

Jquery实战学习--Jquery的基本选择器

2013-04-08 22:06 633 查看 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Jquery的基本选择器</title>
<script type="text/javascript" src="jquery-1.7.js"></script>
</head>

<body>
<span style="color:red">1:#id：根据给定的id匹配一个元素，返回的是单个元素。</span>
<p id="wenben">文本值</p>
<script type="text/javascript">
var $wenben=$("#wenben").html();
alert($wenben);
</script>

<span style="color:red">2:.class:根据给定的类名匹配元素，返回的是集合元素</span>
<p class="wenben1">文本1</p>
<script type="text/javascript">
var $wenben1=$(".wenben1").html();
alert($wenben1);
</script>

<span style="color:red">3:element:根据给定的元素名匹配元素，返回的是集合元素</span>
<p>测试1</p>
<span>测试2</span>
<a>测试3</a>
<script type="text/javascript">
var $ceshi=$("p").html();
alert($ceshi);
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航