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>
  • 相关阅读:
    ABAP接口用法
    监听textarea数值变化
    The first step in solving any problem is recognizing there is one.
    Wrinkles should merely indicate where smiles have been.
    God made relatives.Thank God we can choose our friends.
    Home is where your heart is
    ABAP跳转屏幕
    Python 工具包 werkzeug 初探
    atom通过remote ftp同步本地文件到远程主机的方法
    Mongodb学习笔记一
  • 原文地址:https://www.cnblogs.com/xbfchder/p/11098175.html
Copyright © 2011-2022 走看看