zoukankan      html  css  js  c++  java
  • jquery知识

    jquery

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jquery的使用</title>
    <style type="text/css">
        div{
            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>
    
  • 相关阅读:
    因果,稳定,无源,无损系统(1)
    傅里叶变化公式解析(1)
    线性时不变系统(1)
    数字信号常用典型序列(1)
    k均值聚类(1)
    jupyter notebook configtips
    gitlab搭建,结合pycharm和vs2015配置用于开发python和c++
    wordpress网站迁移
    本地电脑通过Navicat连接阿里云的Mysql数据库
    ubuntu安装时系统分区设置
  • 原文地址:https://www.cnblogs.com/lzzhuany/p/4579504.html
Copyright © 2011-2022 走看看