jquery
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery的使用</title>
<style type="text/css">
div{
width:300px;
height:300px;
background:green;
margin:2px;
}
</style>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<!-- 引进jquery文件 -->
<script type="text/javascript">
$(function(){//相当于window.onload=function(){}
$(‘#menu‘).css(‘color‘,‘red‘);//将id为menu的元素的css的color属性改为red
$(‘div‘).css(‘background‘,‘red‘);//div的背景颜为红色
$(‘*‘);//匹配所有的元素
//$(selector1,selector2,...)//一次匹配多个元素
//$(‘ul li‘)//找到ul下的所有li,包括子类的子类
//$(‘ul>li‘)//ul直接子类的li
$(‘#1+li‘).css(‘color‘,‘green‘);//紧跟在id1后面得而li
$(‘#1~li‘)//所有与id1同辈的li标签
$(‘li:first‘);//第一个li标签
$(‘li:last‘);//最后一个li标签
$(‘li:not(#1)‘)//除了某元素的li标签
$("li:even");//查找135...个标签(角标0 2 4...)
$(‘li：odd‘);//查找246的标签(索引1 3 5)
$(‘li:eq(1)‘)//查找索引为1的li标签
$(‘li:gt(1)‘)//匹配所有大于给定索引值的元素
$(‘li:lt(1)‘);//匹配所有小于给定索引值的元素
$(‘:header‘)//匹配所有的h1,h2...
});
</script>
</head>
<body>
<ul id="menu">
<li>我是第0号li标签</li>
<li id="1">我是第1号li标签</li>
<li>我是第2号li标签</li>
<li>我是第3号li标签</li>
<li>我是第4号li标签</li>
</ul>
<div id="div1"></div>
<div></div>
</body>
</html>
时间： 2024-11-05 14:27:12