jquery知识

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>

 

posted @ 2015-06-15 23:26  飘逸110  阅读(109)  评论(0)    收藏  举报