<script>
/*jquery基本选择器*/
$(document).ready(function(){
//1,根据id匹配元素
var $p = $("#para");
$p.click(function(){
alert("this is paragraph");
});
//2,根据类名匹配元素
var $span = $(".span");
$span.css("font-size","35px");
//3,根据给定的元素名匹配元素
var $div = $("div");
$div.css("background","blue");
//4,集合元素(将选择器匹配到的所有元素合并返回)
var $jihe = $("p,span,div");
$jihe.click(function(){
alert("这是集合");
});
});
</script>
</head>
<body>
<p id="para">这是一个p元素</p>
<span class="span">这是span元素</span>
<div>这是一个div</div>
<ul>
<li>橘子</li>
<li>苹果</li>
<li>梨</li>
</ul>
</body>
/*jquery基本选择器*/
$(document).ready(function(){
//1,根据id匹配元素
var $p = $("#para");
$p.click(function(){
alert("this is paragraph");
});
//2,根据类名匹配元素
var $span = $(".span");
$span.css("font-size","35px");
//3,根据给定的元素名匹配元素
var $div = $("div");
$div.css("background","blue");
//4,集合元素(将选择器匹配到的所有元素合并返回)
var $jihe = $("p,span,div");
$jihe.click(function(){
alert("这是集合");
});
});
</script>
</head>
<body>
<p id="para">这是一个p元素</p>
<span class="span">这是span元素</span>
<div>这是一个div</div>
<ul>
<li>橘子</li>
<li>苹果</li>
<li>梨</li>
</ul>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
