Jquery

Posted liuxiaomo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)

几个有用的JavaScript/jQuery代码片段(转)

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段