python web py入门（47）- jQuery - 元素选择器

最新推荐文章于 2023-08-25 08:00:47 发布

caimouse

最新推荐文章于 2023-08-25 08:00:47 发布

阅读量784

点赞数

分类专栏： webpy 文章标签： javascript webpy

本文链接：https://blog.csdn.net/caimouse/article/details/79897464

版权

webpy 专栏收录该内容

71 篇文章 33 订阅

订阅专栏

前面学习了jQuery在代码的几种写法，也知道在什么位置写代码，以及在DOM时加载运行一次。jQuery叫这个名称，当你看到时，也起会感觉到很奇怪，为什么会选择Query这个单词呢？我们来看一下，这个单词的意思是：
Query，是查询的意思，为了在数据库中寻找某一特定文件、网站、记录或一系列记录，由搜索引擎或数据库送出的消息。
对，它就是查询的意思，那么对一个网页里的元素进行查询，就是把网页当作一个数据库，然后选择合选的元素来进行操作。对页面内容进行查询，有什么方式呢？当你看到HTML页面时，发现有标签，有ID，有类，类型，属性，因此jQuery必然会通过这些内容来进行查询，进行定位，然后才可以绑定事件响应，或者对元素进行修改。jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 中所有选择器都以美元符号开头：$()。比如$("p")就是对所有p标签进行选择，只要是这一类的标志的内容，都进行操作，如果有1万个，也会进行相同的操作，不需要人工地一个一个地选择它。$("button")就是对按钮这类标签进行操作。例子如下：

<html>
  <head>
    <meta charset="utf-8">
    <title>
      元素选择的例子
    </title>
    <script type="text/JavaScript" src="jquery/jquery-3.3.1.js"></script>
    <script type="text/JavaScript">
      $(document).ready(function(){
        $("button").click(function(){
          $("p").hide();
        });
      });
    </script>
  </head>
  <body>
    <h2>这是一个标题</h2>
    <p>将操作的元素P。</p>
    <p>这是另一个段落。</p>
    <button>点我隐藏段落</button>
  </body>
</html>

运行结果如下：