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

jquery中的选择器01

2015-12-27 11:15 639 查看
<!doctype html>

<html>

<head>

<meta charset="gb2312">

<title>部长练习jqurey</title>

<script src="js/jquery-1.11.1.min.js"></script>

<script>

$(document).ready(function(e) {

// 选择div标签中含有id的div

$('div[id]').css('font-size','50px');

//选择div标签中class=aa的div

$('div[class=aa]').html('1111111111111111');

//选择div标签中class=以nav—开头的div

$('div[class^=nav-]').css('color','red');

});

</script>

</head>

<body>

<div id="ddd">hello</div>

<hr>

<div id="myd2">header-div</div>

<hr>

<div class="aa">ok</div>

<div class="aa">ff</div>

<hr>

<div class="nav-left">menu1</div>

<div class="nav-right">menu1</div>

<div class="nav-center">menu1</div>

<div class="ok-nav">menu1</div>

</body>

</html>

网页效果如图所看到的：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航