jQuery1

来源：互联网发布：js一切皆对象编辑：程序博客网时间：2024/05/15 11:16
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script>/*演示jQuery的hide()函数，隐藏当前的html元素*/$(document).ready(function(){$("p").click(function(){$(this).hide();})});/*演示jQuery的hide()函数，隐藏当前的html元素*/$(document).ready(function(){$("button").click(function(){$(this).hide();})});/*演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。$(document).ready(function(){  $("button").click(function(){    $("p").hide();  });});*//*演示 jQuery 的 hide() 函数，隐藏所有class="test"的元素。$(document).ready(function(){$("button").click(function(){$(".test").hide();})});*//*演示 jQuery 的 hide() 函数，隐藏所有id="test"的元素。$(document).ready(function(){$("button").click(function(){$("#test").hide();})})*/</script></head><body><p>如果你点我，我就会消失。</p><p>继续点我!</p><p>接着点我!</p><p class="test">测试段落1</p><p class="test">测试段落2</p><p id="test">测试段落3</p><button>不妨点击我测试一下？</button></body></html>
阅读全文
0 0