jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>隐藏所有的元素实例</title>
<script src="jquerylib/jquery-1.12.3.js"></script>
<script>
//隐藏当前的html元素
// $(document).ready(function(){
// $("button").click(function(){
// $(this).hide();//隐藏此元素
// });
// });
//隐藏id="test"的元素
// $(document).ready(function(){
// $("button").click(function(){
// $("#test").hide();
// });
// });
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<!--隐藏当前的html元素-->
<!--<button>click me</button>-->
<!--隐藏id="test"的元素-->
<!--<h1>this is a heading1</h1>
<p>this is a paragraph.</p>
<p id="test">this is a another paragraph.</p>
<button>click me</button>-->
<!--隐藏所有的p元素-->
<h1>this is a heading1</h1>
<p>this is a paragraph.</p>
<p id="test">this is a another paragraph.</p>
<button>click me</button>
</body>
</html>