jquery语法

来源:互联网 发布:redis同步mysql 编辑:程序博客网 时间:2024/06/07 02:26

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>
0 0
原创粉丝点击