Jquery
2021-02-18 22:19
标签：nbsp tps 记录 head 编码 show one 加载 $() 我这里使用的是jQuery1.x版本，直接使用的网址 想要下载Jquery 去官网下载即可 https://jquery.com/ 这里更加 ## 就是自己记录一下学习内容仅供参考 ## 学习Jquery 更多语法 参考 https://www.runoob.com/jquery/jquery-tutorial.html Jquery 标签：nbsp tps 记录 head 编码 show one 加载 $() 原文地址：https://www.cnblogs.com/liuxiaomo/p/12938027.htmlJqery 比起原生的js更加的方便，不用担心浏览器的不兼容问题 ，代码量比js更加简介
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>Titletitle>
script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">script>
head>
body>
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>