zoukankan      html  css  js  c++  java
  • JavaScript----jQuery的学习

    1.选择器是jQuery的核心,一个选择器写出来类似于:$("#idemo-d")。利用选择器可以快速的定位到一个或者多个Dom节点。

    其中:$ / jQuery是jQuery的工厂函数,将document对象加工成jQuery对象;

            ():选择什么对象进去进行加工;

              $().事件:jQuery写好的各种方法;

             $(选择器).事件(事件函数)。

    2.jQuery对象类似数组,它的每一个元素都是DOM节点对象的引用,并且jQuery对象和Dom对象还可以互相转化:  eg:var div = $("#div-id");   var new_ = $(div);

    属性的选择:

    eg:在一个表单中按属性来查找:$("[属性名='属性值']")

    实例:对Button的按压~~~

     1 <html lang="en">
     2 <head>
     3     <meta charset="UTF-8">
     4     <title>Title</title>
     5 
     6     <!--使用jQuery-->
     7     <script src="jquery-3.4.1.js"></script>
     8 
     9 </head>
    10 <body>
    11 
    12 <div id="div1">kjbcsdk </div>
    13 <input type="button" value="press">
    14 
    15 <script>
    16     //$ /Jquery 是jquery的工厂函数--->将document对象加工为jQuery对象
    17     //()  ->选择设什么东西加工
    18     //.事件  jQuery写好的各种方法
    19     // $(选择器).事件(事件函数)
    20 
    21 
    22     //文档加载事件
    23     $(document).ready(function () {
    24        alert("jQuery!!!");
    25     });
    26 
    27     //id的选择
    28     $("#div1").hide();
    29     var d=$("#div1");
    30     console.log(d);
    31 
    32     //属性的选择====》对一个按钮进行操作
    33     $("[value='press']").keydown(function (event) {
    34 
    35         //输出键盘键的码
    36         console.log(event.keyCode);
    37         console.log("按压下来了!");
    38     });
    39     $("[value='press']").keypress(function () {
    40         console.log("按压中!");
    41     });
    42     $("[value='press']").keyup(function () {
    43         console.log("释放!");
    44     })
    45 
    46 
    47 </script>
    48 
    49 </body>
    50 </html>
  • 相关阅读:
    python笔记-2
    python笔记-1
    生成列表
    内置函数
    装饰器、包的导入
    python3 编码
    python3 初识函数
    python3 文件读写
    python3 流程控制
    python3 数据类型
  • 原文地址:https://www.cnblogs.com/xbfchder/p/11098175.html
Copyright © 2011-2022 走看看