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>
## 就是自己记录一下学习内容仅供参考
## 学习Jquery 更多语法 参考 https://www.runoob.com/jquery/jquery-tutorial.html
以上是关于Jquery的主要内容,如果未能解决你的问题,请参考以下文章
markdown 在WordPress中使用jQuery代码片段