2018-8-28 18:25:27

jQuery 参考:https://www.cnblogs.com/liwenzhou/p/8178806.html

2018-8-28 19:53:19

还是讲的jQuery !

有点点枯燥!但是很好理解!

这几天想多看看书!电脑玩的太多!需要精心看书!

扎克伯格 说过 有时候有状态学多点,没状态就干点其他的!

越努力,越幸运!

<!DOCTYPE html>

<html>

<head>

    <title>位置相关方法</title>

    <meta charset="utf-8">

    <style type="text/css">

        * {

            margin: 0;

            padding: 0;

        }

        .c1{

            height: 100px;

            width: 100px;

            background-color: red;

        }

    </style>

</head>

<body>

    <div class="c1">我是div</div>

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

    <script type="text/javascript"></script>

</body>

</html>
<!DOCTYPE html>

<html>

<head>

    <title>自定义模态框</title>

    <meta charset="utf-8">

    <style type="text/css">

        .cover{

            position: absolute;

            top: 0;

            right: 0;

            bottom: 0;

            left: 0;

            background-color: rgba(0,0,0,0.4);

            z-index: 998;

        }

        .modal{

            height: 400px;

            width: 600px;

            background-color: white;

            position: absolute;

            top: 50%;

            left: 50%;

            margin-left: -300px;

            margin-top: -200px;

            z-index: 1000;

        }

         .hide {

            display: none;

        }

</style>

</head>

<body>

<button id="b1">屠龙宝刀,点击就送</button>

<div class="cover hide"></div>

<div class="modal hide">

    <form action="">

        <p>

            <label>用户名:

                <input type="text" name="">

            </label>

        </p>

        <p>

            <label>密码:

                <input type="text" name="">

            </label>

        </p>

        <p>

            <input type="submit" value="登入">

            <input id="cancel" type ="button" value="取消">

        </p>

    </form>

</div>

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

<script type="text/javascript">

    // 找到点击弹出模态框的按钮

    $("#b1").click(function(){

        // 把 .cover和.modal显示出来(去除hide)

        $(".cover").removeClass("hide");    // 显示背景

        $(".modal").removeClass("hide"); //显示模态框

    })

    // 找到取消按钮,绑定事件

    $("#cancel").click(function(){

        //给背景和模态框都加上hide类

        $((".cover").addClass("hide");

        $((".modal").addClass("hide");

    })

</script>

</body>

</html>
<!DOCTYPE html>

<html>

<head>

    <title>修改css样式</title>

    <meta charset="utf-8">

</head>

<body>

    <p>小强</p>

    <p>二哥</p>

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

<script type="text/javascript">

    $("p").click(function(){

        //把当前点击的标签变绿

        // 在处理事件的函数中用this 表示  当前触发事件的标签

        $(this).css("color","red");

        $(this).css("font-size","24px");

    }) 

</script>

</body>

</html>

8.28 jQuery的更多相关文章

  1. jQuery 2.0.3 源码分析Sizzle引擎 - 高效查询

    为什么Sizzle很高效? 首先,从处理流程上理解,它总是先使用最高效的原生方法来做处理 HTML文档一共有这么四个API: getElementById 上下文只能是HTML文档 浏览器支持情况:I ...

  2. 50 个最棒的 jQuery 日历插件，很齐全了！(转)

    http://www.php100.com/html/it/qianduan/2015/0326/8856.html 什么介绍都没有,直接上酸菜! 1. Even Touch Calendar 2.  ...

  3. 2014年50个程序员最适用的免费JQuery插件

    有用的jQuery库是设计师和开发者之间一个非常熟悉的短语.这是现在互联网中最流行的JavaScript函数库之一.每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点. jQuery几乎 ...

  4. jQuery慢慢啃之工具（十）

    1.jQuery.support//一组用于展示不同浏览器各自特性和bug的属性集合 2.jQuery.browser//浏览器内核标识.依据 navigator.userAgent 判断. 可用值: ...

  5. js，jquery备忘录

    1.var s = str.charCodeAt();转ASCII码 2.String.fromCharCode(65);转字母 3.es6 ... (扩展运算符),将一个数组转化成由逗号分割的队列. ...

  6. jQuery数组($.grep,$.each,$.inArray,$.map)处理函数详解

    1.jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] ) 描述: 查找满足过滤函数的数组元素.原始数组不受影 ...

  7. JSON和JS对象之间的互转

    1. jQuery插件支持的转换方式 $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2. 浏览器支持的 ...

  8. CSharp 相关知识点小结

    1.JS获取iframe下面的内容document.getElementById('IFRAME1').contentDocument; 2.dialog 弹出层,定位:postion:'bottom ...

  9. 黄聪： 50 个 Bootstrap 插件

    Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等. 本文向你 ...

随机推荐

  1. 在mvc4中多语言建站的实例

    环境:vs2012 asp.net mvc4. 实现方式:resource 资源文件,根据路由规则中Lang参数来判断载入哪种语言方式 在网上找到了相关资料,顺便自己做了个练习,新建工程之类的步骤就免 ...

  2. java程序员如何编写更好的单元测试的7个技巧

    详解 cppunit进行单元测试 单元测试(模块测试)是开发者编写的一小段代码,用于检验被测代码的一个很小的.很明确的功能是否正确.通常而言,一个单元测试是用于判断某个特定条件(或者场景)下某个特定函 ...

  3. 织梦Dedecms容易被挂马文件以及可疑文件汇总

    1. 被植入木马,然后网站打开后自动弹出博彩,赌博,色情网站,一般这种病毒的特征代码如下 二.织梦CMS被挂马清理方法 1.删除增加的管理员service.spider等用户名. 2.删除根目录的as ...

  4. js将json数据以csv格式下载

    摘要: 最近有一个非项目的小需求,就是将项目开发分工文件化,方便后期管理维护.但是开发时,分工安排都是以json格式记录的,所以就做了一个将json数据以csv格式下载到本地. 代码: <!DO ...

  5. ECharts 3 -- gauge表盘的配置项

    绘制一个简单的表盘图表 在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器. <body> <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --& ...

  6. mysql asyn 示例

    这篇文章摘自mysql asyn作者的博客,博客地址 开头有一个简单示例,然后是一个在play上的应用.例子我并没有跑过,但是仍能学到不少东西. object BasicExample { def m ...

  7. ios开发之--复制到剪切板

    仅做记录: UIPasteboard *pasteboard = [UIPasteboard generalPasteboard]; pasteboard.string = @"你好&quo ...

  8. java中的编码和编码格式问题

    看来问的人和回答的人都不一定清楚什么是“编码和编码格式”,以及如何理解“java中字符串的编码”;首先明确几点: unicode是一种“编码”,所谓编码就是一个编号(数字)到字符的一种映射关系,就仅仅 ...

  9. windows自启动脚本

    直接写一个普通批处理文件,如果是需要让它在系统启动时运行, 就将它放在C:\Windows\System32\GroupPolicy\Machine\Scripts\Startup目录下, 如果是需要 ...

  10. Java的I/O操作

    一.概述 Java的IO支持通过java.io包下的类和接口来完成,在java.io包下主要有包括输入.输出两种IO流,每种输入输出流又可分为字节流和字符流两大类.从JDK1.4以后,Java在jav ...