码迷,mamicode.com
首页 > Web开发 > 详细

Jquery

时间:2020-05-22 16:59:10      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:nbsp   tps   记录   head   编码   show   one   加载   $()   

Jqery 比起原生的js更加的方便,不用担心浏览器的不兼容问题 ,代码量比js更加简介

我这里使用的是jQuery1.x版本,直接使用的网址 想要下载Jquery 去官网下载即可 https://jquery.com/

这里更加

技术图片
<!DOCTYPE html>
<html lang="en">
<!--头部-->
<head>
    <!--中问编码格式-->
    <meta charset="UTF-8">
    <!--这个title可以自拟,就是你打开这个网址的名字-->
    <title>Title</title>
    <!--导入jquery 如果你下载好了,直接导入更加路径导入即可-->
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<!--身体,内容-->
<body>
<!--<p>如果您点击我,我会消失。</p>-->
<!--<p>点击我,我会消失。</p>-->
<!--<p>也要点击我哦。</p>-->


<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
<script type="text/javascript">
    //document 文档对象模型,已经加载m
    //ready 函数规定的那个ready事件发生后执行
    // $(document).ready(function () {
    //     $("p").click(function () {
    //         $(this).hide();
    //     })
    // })
    //这个就不需要dom操作 缩写版本  还有一种语法 $().ready(function)
    // $(function () {
    //     $("p").click(function () {
    //         $(this).hide()
    //     })
    // })

    // $(function () {
    //     //获取标签元素 , 当初发click (点击的时候) 事件时候就给他影藏掉, hide这个就是隐藏的方法
    //     $("p").click(function () {
    //         //$(this)就是jQuery对象 ,this就是简单只当前元素
    //         $(this).hide();
    //         // $(this).show()
    //     })
    //
    // })
    // 这个就是缩写版本
    $(function () {
        $("#hide").click(function () {
            $("p").hide()
        });
        $("#show").click(function () {
            $("p").show()
        });
    })
</script>
</html>
Hide show

## 就是自己记录一下学习内容仅供参考

## 学习Jquery  更多语法  参考 https://www.runoob.com/jquery/jquery-tutorial.html

Jquery

标签:nbsp   tps   记录   head   编码   show   one   加载   $()   

原文地址:https://www.cnblogs.com/liuxiaomo/p/12938027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!